Spotify Warped

Spotify Warped is an internal passion project inspired by Spotify’s “Wrapped” visualizations that the site creates for each listener at the end of the year to show the user’s listening trends.

My friend and fellow designer, Chelsea Morgan, and I collaborated to create this heavy 90’s Scrapbook themed Tableau dashboard for our fellow coworkers to see what listening trends we have in common with each other.

Below I’ll explain in more depth how we used both physical and digital medias to create these visuals.

Inspiration, Planning, & Site-mapping

When it comes to laying out ideas, and mapping out design intention, Chelsea is an absolute rockstar. She found some inspiration through websites, dashboards, and magazine editorials that we could discuss what we like and don’t like from these designs, while keeping in mind the limitations of Tableau.

Physical Elements

Early on in the project, me and Chelsea agreed on a scrapbook theme and we quickly went to work to collect physical pieces.

We sat down and came up with category names we wanted for the data/visualizations that were being shown and reached out to coworkers and gave them a category name for them to write or draw for a more personal feeling.

After we had those together, I took different kinds of paper, craft supplies, and marker scribbles to create a variety of assets that could be scanned and re-arranged to add texture and life to this dashboard.

Visualizations

When designing the visualizations, we wanted to make sure that they remained simple while still being informative. The dashboard itself was already very busy aesthetically, so by keeping things clear and concise, we avoided overloading the viewer with anymore wild visuals.

It’s also worth noting that since both the dashboard background and visualization backgrounds are static images, it was important to use simple visualizations so Tableau doesn’t have a hard time loading when the dashboard is in use.

Dashboard Landing

Dashboard Interaction

Previous
Previous

Chele's Wine & Spirits | Retail Suite Prototype

Next
Next

School District Diversity | Interaction Prototype