Spotify UX Motion Principles Case Study

We made the logo dance

For the Spotify logo animation, we wanted to bring the feeling of “connecting to music” to life. To build the logo, we start with three dots dancing around. Those dots then draw on the logo as they move, but with a secret message within! As the dots move to form the outside of the logo, they morph into a headphone jack and earbud, genuinely connecting the logo to its branding and company vision.

Hidden message at 00:02 - Headphone Jack and Earbud


UX loading elements:


In Situ:


Button motion:


Thinking and development:

Initial Storyboard Sketch

Keynote Presentation: