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
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.
Final Design Analysis
Design system
What I've learned…