EDM Experience App
About the project
Mint is a personalized EDM app that syncs with your music accounts to recommend tracks, DJ sets, and events. Academic project with advanced design system, variables, and advanced protyping skills.
My role:
Individual UX Designer
Timeframe:
2 months.
Project Overview 🪩
EDM (electronic dance music) fans often struggle to manage multiple platforms to discover music, track live sets, follow festival lineups, and stay updated on news. This results in a fragmented, frustrating experience with no central hub tailored to electronic music culture.
How might we create an all-in-one mobile app that streamlines music discovery, festival planning, and social connection for EDM fans?
Check out the entire organized Figma file for this project here!
Research & Discovery 🔍
To validate the need for a unified EDM platform, I conducted:
Competitive Analysis: Reviewed features from Spotify, Resident Advisor, Dice, and SoundCloud
Platform | Music Discovery | Festival Planning | DJ Sets | Social Features | Key Gaps |
|---|---|---|---|---|---|
Spotify | ✅ Yes – strong recs, playlists | ❌ None | ❌ None | 🟡 Basic sharing | No live sets, no event planning, not EDM-specific |
Resident Advisor | 🟡 Some – editorial content | ✅ Yes – event listings | ✅ Some – mixes | ❌ None | No personalized music, no live social chat |
SoundCloud | ✅ Yes – user-uploaded music & sets | ❌ None | ✅ Yes – live & studio sets | 🟡 Comments on tracks | No event tracking, not curated for festivals |
Beatport | ✅ Yes – top charts, genres | ❌ None | 🟡 Limited previews | ❌ None | No social, no event support |
Dice | ❌ No | ✅ Yes – ticketing & event discovery | ❌ None | 🟡 Event sharing only | No music features, no EDM-specific sets |
Bandsintown | 🟡 Some – syncs with artists | ✅ Yes – alerts & tracking | ❌ None | ❌ None | No discovery beyond live events |
YouTube | ✅ Yes – mixes, live sets | ❌ None | ✅ Yes – massive set archive | 🟡 Comments only | No event/festival structure, hard to curate |
Key Insights:
Users juggle 4–6 apps to manage their music and festival needs
Top frustrations: missing DJ set drops, overlapping artist schedules, and lack of personalized curation
There’s a desire for social features to connect with friends or fellow fans at festivals
Defining the Solution
Based on the research, I focused the app around five key features:
Music Discovery & AI-Powered Playlists
Festival & Concert Tracker with Itinerary Builder
Live DJ Set Integration (YouTube, SoundCloud)
Social Community & Event-Based Chatrooms
Design Process 🕺🏽
Designing mint required a human-centered and iterative approach to address the unique needs of electronic dance music fans.
From research to final UI, my process focused on balancing functionality with the emotional and cultural aspects of EDM, personalization, spontaneity, and connection. Below is a breakdown of each phase in the journey to create an experience that feels as dynamic and immersive as the music it’s built for.
Typography
For mint, I chose modern, legible typefaces that balance EDM’s sleek, tech-forward vibe with a clean user experience:
Color Pallette 🎨
The color palette draws inspiration from EDM’s high-energy visuals, combining dark themes with vibrant neon accents:
Variables
To streamline theme switching and maintain visual consistency, I used design variables for colors, typography, spacing, and states. These variables made it easy to manage both light and dark modes, ensure accessibility, and scale the design system efficiently across screens and components.
Wireframes ✏️
I created low-fidelity wireframes to map key user flows like music discovery, event tracking, and itinerary planning. These helped me focus on layout, hierarchy, and navigation before moving into visual design. Early feedback ensured the structure aligned with user needs.
Selected Wireframes
Components 🧩
To ensure consistency and streamline design, I built a reusable component library in Figma. This included buttons, navigation bars, cards, and event tiles, all styled to match mint’s visual language. These components supported faster iteration and a scalable UI system.
click on image to zoom 🔎
High-Fidelity Mockups 📱
With the structure in place and components finalized, I brought mint to life through high-fidelity mockups in both dark and light modes.
selected high-fidelity mockups
Interactive Prototype 👇🏽
Embedded Figma prototype of entire app. Includes smart animations and conditional prototyping with variables.
Reflection & Takeaways 💭
Working on mint helped me grow significantly as a designer, especially in mastering systems thinking and scalable design. One of the most valuable parts of the process was learning how to set up and manage design variables and component libraries, which allowed me to efficiently support both dark and light modes while maintaining a cohesive UI.
I also deepened my understanding of design systems, thinking beyond individual screens and toward creating a flexible foundation that could grow with the product. In addition, this project pushed me to experiment with advanced prototyping techniques in Figma, simulating dynamic behaviors like theme switching, music playback interactions, and multi-step flows.
Moving forward, I’d love to build on these skills by testing more social and interactive features and integrating real-time data. Overall, mint was a rewarding challenge that sharpened both my creative and technical design abilities.