A new feature for Spotify that tracks a user’s current emotional state with an interactive tool and immediately creates a more hyper-personalized playlist that matches the user’s specified mood of the moment.
My Role
Timeline
5 weeks / Oct - Nov 2023
Tools
Figma, Illustrator, After Effects
Background
Limitations
A repetitive playlist cycle restricted by
their past listening habits/history.
User persona
Solution
Spotify moodlist -
An interactive tool to track the user’s current emotional state and immediately
receive a personalized playlist that matches their specified mood of the moment.
How it works?
Final product
Prototype - Drag the cursor to interact!
Design process
Data research
User Survey
To support my solution with data, I conducted a user survey targeting
the following demographics, involving 20 participants:
- Individuals aged 18-35
- Individuals with experience with Spotify 'Daylist'
- Tech-savvy individuals who use music streaming services daily.
- People who experience frequent mood changes and seek music that aligns with their emotional state.
Competitor Analysis
To identify market gaps and user preferences, enabling the creation of a unique, user-centric service
that stands out in the competitive music streaming industry.
User flow
Key screens
Design iterations
Design Iteration 01.
1. Instead of a pop-up, create a separate page for the mood list, providing more space for users.
2. To create a less generic and more mood-enhancing gradient mood map.
3. To create larger and more prominent mood guidelines for the mood map.
4. Adding a feature called 'Mood Intensity' to enable users to have more personalization and control over their current mood.
Design Iteration 02.
1. No noise effect for better and clear user engagement.
2. Adding a feature which users can preview songs matching their mood through the mood map.
Final Design Analysis
Design system
What I've learned…
















