Spotify Case Study

DesignLab Capstone Project

Spotify wanted to amplify connections through richer social tools, and I guided the UX/UI effort to bring it alive. Introducing a Newsfeed for shared tunes and a Mood Gauge for vibe-matched playlists, I designed an integrated upgrade that elevates discovery and loyalty, rooted in empathetic, iterative craftsmanship.

The Challenge

Spotify aimed to elevate user stickiness by deepening social layers. My role: chart a course for features like a Newsfeed and Mood Gauge that blend smoothly into the app, fostering deeper immersion and bonds among music fans.

The Solution

I pictured Spotify as a vibrant music community hub. Exploring trends and listener stories revealed hungers for shared moments and custom moods. With character profiles and annotated sketches, I molded the foundation, advancing to detailed wireframes and prototypes in Sketch and InVision. Validation cycles sharpened the vision, yielding a dynamic app where sharing melodies becomes second nature.

prototype
Image of Spotify persona, James Thompson, 27 year old seeking nostalgia whilst listening to music

Personas drive the beat.

Empathy unlocks the rhythm.

To harmonize Spotify's social upgrades, I tapped conversations, empathy tools, and peer app dissections to reveal sticking points. Messy setups in Pandora isolated listeners, while Apple Music's static feel—per Amanda—missed spark. Erin sought intimate, exchangeable playlists, yet Soundcloud skimped on variety. YouTube Music's path snarls irked users, and vague sharing dulled vibes.

This guided Spotify's innovations: a Newsfeed for melody exchanges and Mood Gauge for attuned selections. Refined paths, inclusive designs, and strategic placements forged a unified, magnetic space that draws users in repeatedly.

Check out the all the details from this research below!

RESEARCH
Image of Spotify task flow showing two tasks, find a playlist for current mood and see updates from artists he follows

Tune the rhythm. Amplify the hook.

In Spotify's Define stage, I channeled data into a strategy for social amplification. Shaping a profile—a 25-34 music aficionado—alongside empathy maps spotlighted joys like retro drives and artist trails. Brainstorming and "How Might We" probes kindled concepts for Newsfeed and Mood Gauge, meshing user joys with Spotify's aims. Task flows and user flows built a cohesive base, keeping the app lively and accessible.

Check out the all the details from the define and ideate phase below!

ideation
Image of Spotify empathy map grouped by listening habits, storage, nostalgia, convenience, and new music
Image of low fidelity wireframe depicting a new design of the home screen with mood playlists and newsfeed feature additions

I jammed on a Newsfeed and Mood Gauge, crafted seamless flows and wireframes, and tuned a connected, lively Spotify experience via focused validations.

Image of low fidelity wireframe depicting a "mood gauge"
image of a group brainstorming session with 5 people
Image of Spotify feature roadmap depicting feature prioritization
Image of 3 stacked iphone framed wireframes including the home screen, mood gauge feature, and newsfeed feature

Make it testable.

Design with heart.

Entering Spotify's ideation and build stages, my focus was elevating it to a communal sound space. "How Might We" explorations birthed sharing streams and emotion-tuned queues. Pathway charts and overviews secured easy traversal, as initial drafts in Sketch framed the essence.

Advanced prototypes, tested in InVision (now rebuilt in Sketch), honed sequences from participant cues. Validation flagged misplacements like hidden feeds, leading to repositions in search areas and heightened settings visibility, forming a 23-screen prototype echoing Spotify's core evolution.

Check out the all the details from the design phase below!

Learn more
Image of Spotify UI kit detailing logo usage, color usage, image and font usage

Feel the vibe. Refine the mix.

Honing Spotify's additions meant bearing in mind 🧸 validations that spotlighted glitches: feeds felt out of reach, moods underplayed. I noted phrases like "this feels buried" and clustered responses in affinity visuals, targeting shifts like feed relocations and mood cues.

A curated inspiration collection on Pinterest, alive with dynamic, linked hues—steered by traits like Playful, Collaborative, and Sincere—molded Spotify's pulse. A component set maintained harmony, as a 23-screen InVision prototype (rebuilt in Sketch) animated the communal energy, enabling effortless exchanges and explorations.

Check out the all the details from the branding, prototyping and testing phase below!

prototype
  • Shaping Spotify’s communal tools was an energizing puzzle, weaving user desires into its signature rhythm.

    Reflection

  • Forging a unified experience that turns tune-sharing into a celebration was exhilarating.

    Reflection

  • Validation rounds revealed navigation flows and engagement triggers in fresh ways.

    Reflection

  • Seeing users flow through Newsfeed and Mood Gauge seamlessly was inspiring, their insights guiding refined harmony.

    Reflection

  • Next Steps

    Speculative, yet, I charted Spotify's path as operational.

  • Further validations would hone Newsfeed and Mood Gauge, surfacing emerging desires pre-build.

    Next Steps

  • Collaborators would navigate tech barriers, guaranteeing cross-device brilliance.

    Next Steps

  • Thank you!

    If you made it this far :)

Previous
Previous

CMA—UX/UI HOA website

Next
Next

Bhuku—UX/UI Book App