Industry
Music
Service
Mobile
Duration
4 Weeks
Date
Summer 2025
Problem
Music streaming platforms offer confusing subscription processes that fail to clearly communicate value before requiring payment commitments.
Solution
Obeats streamlines music streaming with personalized content selection and transparent pricing options, demonstrating value before requiring payment commitment.
My Role
As the UX/UI Designer, I led research and design, conducted testing with 10+ users, and refined the signup and subscription flows based on feedback.
Impacts
01 Discovery
Project Timeline
The 4-week Obeats UX project spanned six phases with two validation rounds. I used testing, prototyping, and remote research to create an effective music streaming interface.
Secondary Research
My research identified key subscription patterns by demographics, competitor strategies, and users' preference for creator content.
At Least One Subscription
US adults using subscriptions: 64% overall, 70% ages 18-44, 55% for 65+.
Subscription Competitors
Competitors offer $5.99 student plans. Obeats can compete through better pricing, features, and promotional options.
Social Media Connection
Generational Media Preferences: Younger generations strongly favor social media creators over traditional celebrities.
02 Define
Primary Research
My research identified key streaming conversion drivers: pricing flexibility, content quality, and user experience. These findings informed persona development and conversion pathways.
Affinity Mapping Categories
I used affinity mapping to identify patterns in media subscription behavior and pricing strategies for budget-conscious young adults.
Affinity Mapping Highlights
After identifying key insights, I summarized the key findings from six media subscription categories.
User Personas
Alex Chen - a college student with limited finances - to capture the tension between budget constraints and entertainment needs.
User Stories Minimum Viable Product
I identified three conversion paths: signup, onboarding, and return usage, with natural touchpoints for premium feature introduction.
03 Information Architecture
Site Map
The Obeats site map includes six key sections that support both user types. Its intuitive structure enables easy content navigation and premium feature discovery.
User Flows
Obeats features two user flows: New User with strategic premium conversion points and Returning Free User with naturally integrated premium prompts.
04 Ideation
Low Fidelity Sketches
Low-fi sketches map the user journey and replace wireframes for faster iterations and user testing.
Sketches to Prototype 1
First test with 5 young adults showed positive results. Minor usability issues identified for next iteration.
05 Visual Design
Mood Board
Obeats visual identity combines rhythmic elements with a purple/cyan color palette and wave animations in dark mode.
Visual Style Guide
06 Implementation
Usability Testing Highlights
Testing showed positive reception of interface and design with minor UI adjustments needed.
Final Prototypes
Incorporated all user feedback with significant improvements in aesthetics and task completion rates.
