Spotify Wrapped Redesign

Re-Wrapping Spotify's Data Visualization.

IMPACT AREA

Data Visualization

Client

Professor Claudia Dubé

SERVICES

Design

Branding

UX/UI

School Work

Year

2024

Two iphones floating showing off spotify wrapped redesign
OVERVIEW

This project's intent was to design and prototype my own version of a "Spotify Wrapped" experience for mobile devices. The goal is to visually represent the user's listening data through a cohesive graphic system and engaging data visualizations. I incorporated paint brush and pixelated motifs to emphasize the difference between the traditional and digital recording methods in the music industry. One pixelated element, the clock, was animated using 192 variants to highlight the passage of time.

This project's intent was to design and prototype my own version of a "Spotify Wrapped" experience for mobile devices. The goal is to visually represent the user's listening data through a cohesive graphic system and engaging data visualizations. I incorporated paint brush and pixelated motifs to emphasize the difference between the traditional and digital recording methods in the music industry. One pixelated element, the clock, was animated using 192 variants to highlight the passage of time.

CHALLENGE

The challenge was to design and prototype my own version of Spotify Wrapped that showcased a consistent brand system and showed data visualization in a digestible, interesting way.

WHAT WE DID

I incorporated paint brush and pixelated motifs to emphasize the difference between the traditional and digital recording methods in the music industry. One pixelated element, the clock, was animated using 192 variants to highlight the passage of time.

OVERVIEW

This project's intent was to design and prototype my own version of a "Spotify Wrapped" experience for mobile devices. The goal is to visually represent the user's listening data through a cohesive graphic system and engaging data visualizations. I incorporated paint brush and pixelated motifs to emphasize the difference between the traditional and digital recording methods in the music industry. One pixelated element, the clock, was animated using 192 variants to highlight the passage of time.

CHALLENGE

The challenge was to design and prototype my own version of Spotify Wrapped that showcased a consistent brand system and showed data visualization in a digestible, interesting way.

WHAT WE DID

I incorporated paint brush and pixelated motifs to emphasize the difference between the traditional and digital recording methods in the music industry. One pixelated element, the clock, was animated using 192 variants to highlight the passage of time.

OVERVIEW

This project's intent was to design and prototype my own version of a "Spotify Wrapped" experience for mobile devices. The goal is to visually represent the user's listening data through a cohesive graphic system and engaging data visualizations. I incorporated paint brush and pixelated motifs to emphasize the difference between the traditional and digital recording methods in the music industry. One pixelated element, the clock, was animated using 192 variants to highlight the passage of time.

CHALLENGE

The challenge was to design and prototype my own version of Spotify Wrapped that showcased a consistent brand system and showed data visualization in a digestible, interesting way.

WHAT WE DID

I incorporated paint brush and pixelated motifs to emphasize the difference between the traditional and digital recording methods in the music industry. One pixelated element, the clock, was animated using 192 variants to highlight the passage of time.

POST PROJECT REFLECTION
SAAS DASHBOARD UX

  • Data visualization systems

  • Interactive charts and graphs

  • Modular UI components

  • Product analytics flows

  • Dashboard customization tools

  • UX architecture

  • Prototyping

The interface design was inspired by the precision of classic measurement instruments. Visual elements emphasize clarity, balance, and structured layouts.

We also created a scalable component system that allows product teams to introduce new analytics modules without disrupting the existing interface.

WE WERE HAPPY TO SOLVE

Our design strategy focused on creating a clear hierarchy for information. Instead of presenting all metrics equally, the interface prioritizes the most important insights and gradually reveals additional data when needed. This layered approach helps users interpret analytics quickly.

We also explored visual inspiration from classic measurement instruments and control panels. These references influenced the layout structure and graphical elements used in charts and data modules, reinforcing the idea of precision and reliability.

The resulting dashboard experience allows teams to track performance, monitor trends, and act on insights with confidence. By organizing complex data into a logical and visually balanced system, the platform supports better decision-making across the organization.

‹ Josh Soto Music Website

cars parked beside brown concrete building during daytime
an illuminated manuscript

Illuminated Manuscript ›