NOVA
Discover festivals. Connect with friends. Experience live music.
PROJECT OVERVIEW
Role
UX / UI Designer
Team
2 Designers
Timeline
13 Weeks
Toolkit
Figma, FigJam, Maze
NOVA is a mobile music discovery app that connects digital streaming with live festival culture. Designed alongside another designer, I led the brand identity and UI system, refining a high-fidelity prototype through user testing. The app introduces a festival discovery feature that allows users to explore upcoming events and purchase tickets, creating a more immersive way to experience music.
01. THE CHALLENGE
Challenge
While music streaming makes artist discovery effortless, the transition to live events remains fragmented. Users rely on multiple platforms to discover festivals, purchase tickets, and coordinate attendance.
Solution
Design a unified social music platform that connects streaming behavior with live festival discovery, ticketing, and coordination.
Goals
Bridge the fragmented journey: Integrate discovery and ticketing into a unified flow to reduce platform switching and drop-off
Enable social coordination: Replace passive viewing with tools that support friend tracking and group planning
02. cOMPETITIVE ANALYSIS
I conducted a detailed audit of Spotify’s features and user flow to identify friction points in the transition from streaming to live attendance.
KEY TAKEAWAYS
After auditing Spotify’s event flow, two primary friction points emerged that disrupt the transition from streaming to live attendance.
Fragmented ticket flow: Ticketing is treated as an external redirect rather than an integrated feature, increasing drop-off and disrupting continuity
Limited social coordination: The absence of planning tools forces users to leave the platform to coordinate with friends.
03. USER RESEARCH
To better understand how users transition from streaming to live events, we conducted 4 interviews with Spotify and Apple Music users ages 17–36.
INTERVIEW TAKEAWAYS
Users rely on multiple apps to to discover concerts and purchase tickets
Managing playlists and libraries requires excessive manual effort.
Social features enable observation, not coordination
Discovery feeds prioritize promotions over personal relevance
PERSONAS
Following the interviews with users, the insights from user research were translated into key personas.
APP USER FLOW
Based on research insights, the app structure was designed to centralize festival discovery, ticketing, and social coordination.
04. iDEATION & ITERATION
Low-fidelity wireframes were developed and tested through Maze to identify navigation friction and validate key user flows before progressing to high-fidelity design.
KEY TAKEAWAYS
LOW FIDELITY
Users struggled to locate a clear ticket purchase path, as checkout was accessible through only one entry point
“Purchase Tickets” lacked visual prominence, causing hesitation and misclicks
Some interface elements appeared interactive but did not provide expected feedback
05. VISUAL SYSTEM & HIGH-FIDELITY
High-Fidelity Prototype
CHANGES BASED ON FEEDBACK
Lorem ipsum lemir tasts sordiv
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt eget ante sit amet consectetur.
Fusce condimentum, sem eu vehicula congue, turpis neque vehicula enim, eget bibendum est metus quis dui
Lorem ipsum lemir tasts sordiv
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt eget ante sit amet consectetur.
Fusce condimentum, sem eu vehicula congue, turpis neque vehicula enim, eget bibendum est metus quis dui
Lorem ipsum lemir tasts sordiv
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt eget ante sit amet consectetur.
Fusce condimentum, sem eu vehicula congue, turpis neque vehicula enim, eget bibendum est metus quis dui
06. tHE FINAL PRODUCT
Lorem ipsum dolor sit amet, consectetur adipiscing
Lorem ipsum dolor sit amet, consectetur adipiscing
Changes Based on User Feedback
Lorem ipsum dolor sit amet, consectetur adipiscing
Lorem ipsum lemir tasts sordiv
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt eget ante sit amet consectetur.
Fusce condimentum, sem eu vehicula congue, turpis neque vehicula enim, eget bibendum est metus quis dui
07. REFLECTION & NEXT STEPS
What I Learned
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel porttitor erat, non volutpat lectus. Nullam non velit mauris.
What I Would Change
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel porttitor erat, non volutpat lectus. Nullam non velit mauris.
What I ____
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel porttitor erat, non volutpat lectus. Nullam non velit mauris. Ut malesuada pulvinar porttitor.