this is not a setlist

Medium: Website / Interactive Media   Tools: Figma, Adobe After Effects, v0 (React, Next.js, Typescript, Tailwind CSS...)

This interactive microsite is based off of a conversation between 2 UCLA DESMA students about music. It's presented as a map to emphasize intuitive discovery and draw a greater connection between music and exploration/discovery.


CLICK IMAGE BELOW TO VISIT PROTOTYPE (DESKTOP VIEWING ONLY)

Interaction features:
- Animated landing sequence
- Center CD spins when mouse is moviing
- Current time display
- Hover over the map areas to see select songs
- Click on the map areas to pull up parts of the conversation
- Hover over a song marker to see the song title and artist
- Click on a play button to play the song
- Explored areas appear in the navigation bar