top of page

MOOD/SWING - MUSIC APP 

The perfect music for your every mood is now easier to find with mood/swing, the first music streaming app that tracks your moods and listening patterns to suggest the right tracks for you

Role - Branding, UX, UI
Tools - Adobe XD, Photoshop, Canva

Project type - UX Concept

A revolutionary music streaming app design that leverages cutting-edge AI technology to make music discovery a seamless and delightful experience

9.jpg
audience.jpg

Take the guesswork out of finding the right music by recording your emotions and curating playlists tailored to your feelings

THE CHALLENGE

While music recommendation algorithms aim to enhance the user experience, they often miss the mark. Users receive recommendations that don't align with their current musical needs and preferences, leading to frustration.

Studying this issue, I discovered many studies have found there is a strong link between music and emotions, one that can go as far as to influence the way we interpret music and alter our musical preferences.

10.jpg
pain points.gif

THE SOLUTION

mood/swing is designed to give users the best musical matches for their current mood. The "mood bar" is the core feature of the new streaming experience and is placed front and center to be always accessible for real time mood updates.

The app is rounded off with staple features to create the perfect user experience: download the tracks you just can't keep off your mind to play offline, see lyrics and sing along to your favorite songs, cast to audio systems and many more.

13.jpg
features.gif
Web 1920 – 9.png
Web 1920 – 7.jpg
mood swing portfolio presentation (1080 × 1920 px).jpg
4.jpg
Web 1920 – 1.jpg
Web 1920 – 2.png
1.jpg
16.jpg
16.jpg
Web 1920 – 8.jpg
Web 1920 – 8.jpg
15.jpg
15.jpg
Web 1920 – 3.jpg
Music Streaming App UI components

Engaging System 1

Music selection often happens during System 1 (fast, intuitive) thinking

 

The interface needed to reduce cognitive load and make emotional state selection intuitive

 

Visual cues and familiar patterns were prioritized to enable quick decision-making

Framing Job To Be Done

Users "hire" music for different emotional jobs:

"Help me maintain my current positive mood"

"Help me shift from a negative to positive emotional state"

"Help me focus while working"

"Help me energize for exercise"

mood/swing is focused on making it easy to get the job done

Cognitive load management

Simplified mood selection through visual interface

Reduced choice paralysis through contextual recommendations

Clear hierarchical information architecture

Systematic approach

Consistent component systems designed for scalability

Cohesive visual language across the app

Strict spacing and alignment principles

 

Modular design system built for efficient scaling

Focus on engagement

Easy emotion selection

Seamless online and offline experiences

Immersive listening experiences

 

Shareable monthly recaps

Conversational design

Natural, human-centered interactions

Intuitive feedback loops

 

Clear, concise microcopy

 

Contextual responses based on user state

bottom of page