Stace Felder

Where content and code come together

Video Wheel

The Challenge: Share individual video narratives to present the student as a multi-faceted individual, not defined by any single label or role, and with overlapping interests and passions. Visually reinforce the relationship of each student identity to the other while presenting 15 videos in a compact, mobile-friendly layout.

Solution: A satellite model in which the student is at the center with the different roles in an outer circle. User controls animate the outer circle, rotating in either direction to select different roles and displaying the appropriate, related video in the center.

Tools used: HTML, CSS, jQuery