MoodMix

Emotion-Based

Music App

Project Name: MoodMix
Platform: Mobile (iOS + Android)
Type: UX/UI Concept App
Role: Product Designer (UX & UI)
Tools: Figma


Overview

MoodMix is a concept mobile app that curates playlists based on your current mood. Instead of choosing a genre or artist, users select how they feel or how they want to feel and receive a playlist that reflects that emotion.

This project was designed to explore emotion-centered interaction, adaptive UI, and personalized media discovery.

The Problem

Most music apps are genre-based or rely heavily on algorithms that lack emotional nuance. Users often:


  • Don’t know what genre fits their mood

  • Want music to help them feel better or stay focused

  • Feel overwhelmed by choices “Sometimes I just want music that matches how I feel, without digging through playlists.”


Goal

Design a music discovery experience that starts with emotion, not genre or artist.

  • Let users quickly express how they feel

  • Generate mood-specific playlists

  • Create a visual and emotional UI that adapts to each feeling

  • Encourage emotional journaling through music

Visual Design

Color System:

Primary Color: Purple #8F5AFF
Each mood shifts the accent color:

  • Happy: #ffe87c

  • Sad: #5f72be

  • Calm: #a3f5ff

  • Angry: #ff4c4c

  • Romantic: #ff6b81


Create a free website with Framer, the website builder loved by startups, designers and agencies.