Spotify Wrapped ‘23

UX Motion Design

This year I had the incredible opportunity to work with the Spotify team to bring Spotify Wrapped to life where an estimated 200 million users worldwide will explore their 2023 listening trends.

I, alongside Myles Robinette and Deejay Forte, co-led the motion development of the entire Wrapped experience by taking designs made by the Brand & Creative team and bringing them to life. The UX Motion Team managed both the animation of brand visualizations and the creation of the animated Data-Stories; maintaining their file size below 50kb to ensure a seamless performance on new and older iOS and Android devices and web. We then converted our After Effects files into code and handed it off to Engineering for implementation.

In total— 80 teams across Product Design, Engineering, Branding & Creative, Marketing, Legal, Licensing, and various other departments collaborated together to make this year’s Wrapped possible.

𝅘𝅥𝅮 Buddy Ross feat. Gabriel Delicious - Bored Again! 𝅘𝅥𝅮

The gig’s main premise involved bringing life to four different illustration layouts, each sporting its own unique flair across six different colorways. Each colorway had its special layout, and for some of the Data Stories, we even had to whip up exclusive setups. We needed to ensure that each layout was Lottie compatible and was under 50kb using minimal image attachments in order for it to run smoothly across multiple devices and platforms. And if you know Lottie, you know how limiting it can be. We were on a mission to keep each animation under 50kb, threading the needle with minimal image add-ons to make sure everything ran smoothly on various devices and platforms. In a design language that is chalk full of complex gradients and interesting shapes, we had to get really creative in order to ensure that they worked and weren’t too large.