Tune
Lead UI Design
Visual Design
An interactive space for music lovers to express themselves and find community.
Introduction
Orbit is a music streaming platform for music lovers who want to connect with their favourite artists and other fans. Developed as a UI-focused project, design decisions were made within an accelerated timeline with limited opportunity for formal research.
I led the conceptualization and design efforts for Tune, along with prototyping and presenting for stakeholders and fellow student designers.
Timeline
5 weeks
Role
Lead UI Design
Problem
Today's streaming platforms fall short for music lovers, lacking the personalization, community, and interactivity needed to truly express themselves and connect with artists.
Design Process
Who are we designing for?
Rather than formal research, Tune's design was driven by widely observed frustrations with existing streaming platforms. The process began by crafting a persona that captured the core music listener experience, using these insights to guide the design decisions.
User persona
How can we solve the problem?
With a clear understanding of our user's pain points, I reframed the problem as an opportunity to guide the design:
"How might we make it easier for music lovers to express themselves, find community, and more easily connect with their favourite artists?"
Determining the core tasks.
To understand the motivations behind a personalized music experience to find community, I identified the three core jobs our persona is trying to accomplish:
① Connect with artists and other music lovers.
② Easily organize her library.
③ Customize her profile.
Based on these jobs, I designed user flows for four core tasks:
① Browse personalized homepage.
② Read the community feed.
③ Filter library by albums.
④ Personalize profile.
Design Solutions
Brand tone.
The design process started with a moodboard to inspire the look and feel of the app, accompanied by adjectives and short descriptors to reflect the tone.
Moodboard
Design system.
I established the design system with the "Jost" and "Roboto Mono" typefaces for a futuristic feel and a simple color palette of electric yellowish green and gray neutrals.
Using Figma, I designed logos for the brand and the library page and created custom icons for the tab bar and other features.
Design system
Finally, I created a component library that would make up the wireframes of the high-fidelity prototype.
The bold aesthetic creates a fun, distinctive experience while maintaining clear visual hierarchy and intuitive navigation.
Every design decision, from the use of glass and neumorphism to the easily accessible community feed in the homepage, was made to directly address our core pain points, bringing together expression, community, and music discovery in one cohesive platform.
High-fidelity wireframes
Alongside the mobile wireframes, I also designed a tablet prototype for iPad, expanding Tune's experience beyond a single screen size.
