2025
Voxen- Music Streaming app
Voxen is my 1st end-to-end app design, created to practice full product design thinking. It focuses on clean UX, the UI structure is similar to Spotify because users strongly prefer familiar interaction patterns , it is called Pattern recognition. The UI/UX design balances familiar flows with a bold cyberpunk aesthetic, making mood-based music discovery engaging and intuitive.
Voxen is my 1st end-to-end app design, created to practice full product design thinking. It focuses on clean UX, the UI structure is similar to Spotify because users strongly prefer familiar interaction patterns , it is called Pattern recognition. The UI/UX design balances familiar flows with a bold cyberpunk aesthetic, making mood-based music discovery engaging and intuitive.
Problem Statement
Multiple UX studies (Nielsen Norman Group, Google’s Material Design Research, and the Familiarity Principle in cognitive psychology) show that: - Users are 78% more likely to stay engaged with interfaces that follows fimiliar UI patterns. - Only 22% prefer unfamiliar or experimental UI patterns
Multiple UX studies (Nielsen Norman Group, Google’s Material Design Research, and the Familiarity Principle in cognitive psychology) show that: - Users are 78% more likely to stay engaged with interfaces that follows fimiliar UI patterns. - Only 22% prefer unfamiliar or experimental UI patterns
Why? Because pattern recognition Reduces cognitive load, speeds up decision making, and increases dopamine reward loops since the brain predicts what’s coming next. Who needs it? - Voxen is built for users who want familiar music streaming flows with a bold, emotional, aesthetic listening experience
Why? Because pattern recognition Reduces cognitive load, speeds up decision making, and increases dopamine reward loops since the brain predicts what’s coming next. Who needs it? - Voxen is built for users who want familiar music streaming flows with a bold, emotional, aesthetic listening experience
Multiple UX studies (Nielsen Norman Group, Google’s Material Design Research, and the Familiarity Principle in cognitive psychology) show that: - Users are 78% more likely to stay engaged with interfaces that follows fimiliar UI patterns. - Only 22% prefer unfamiliar or experimental UI patterns
Why? Because pattern recognition Reduces cognitive load, speeds up decision making, and increases dopamine reward loops since the brain predicts what’s coming next. Who needs it? - Voxen is built for users who want familiar music streaming flows with a bold, emotional, aesthetic listening experience
Problem Statement
Problem Statement
P
r
o
b
l
e
m
S
t
a
t
e
m
e
n
t
How do I design a complete , functioning music streaming app using proven UX patterns, while still giving it a unique aesthetic and emotional direction?
How do I design a complete , functioning music streaming app using proven UX patterns, while still giving it a unique aesthetic and emotional direction?
My Role
Product Designer (Solo Project)
Scope
10 Days
Tools
Figma, Framer, Canva, Notion
Competitor Analysis
Competitor Analysis
Competitor Analysis
Problem Statement
Screens
Screens
Usability Testing
Usability
Testing
Usability Testing
Objective: Evaluate the clarity , appeal and intuativeness of Voxen’s interface and visual design.
Objective: Evaluate the clarity , appeal and intuativeness of Voxen’s interface and visual design.
METHOD: Participant navigated a Figma prototype of Voxen.
METHOD: Participant navigated a Figma prototype of Voxen.
FINDINGS:
FINDINGS:
- Visual appeal the gradient helps people keep engaged and don’t think of app as boring
- Visual appeal the gradient helps people keep engaged and don’t think of app as boring
- Navigation Clarity-Quickly understood the flows between the pages
- Navigation Clarity-Quickly understood the flows between the pages
- Component consistency
- Component consistency
Evaluation: Minor spacing adjustments and interactive elements could enhance clarity.
Evaluation: Minor spacing adjustments and interactive elements could enhance clarity.
Overview
O
v
e
r
v
i
e
w
Overview
Overview
All the playlists are interactive in each screen.
All the playlists are interactive in each screen.
The back button flows really smoothly in every screen
The back button flows really smoothly in every screen
All the components are interactive I’ve used the components and variants prototyping to make the like button, add to playlist button, download button and play button all interactive.
All the components are interactive I’ve used the components and variants prototyping to make the like button, add to playlist button, download button and play button all interactive.
All the components are interactive I’ve used the components and variants prototyping to make the like button, add to playlist button, download button and play button all interactive.
All the playlists are interactive and easy to navigate
All the playlists are interactive and easy to navigate
All the playlists are interactive and easy to navigate
The navigation is really easy to use
The navigation is really easy to use
The navigation is really easy to use
Task Flow
Work Flow
Work Flow
Results
Overall, Voxen demonstrates a clean, immersive, and user-friendly music streaming experience. The UI/UX design balances familiar flows with a bold cyberpunk aesthetic. Usability testing confirmed that users can easily navigate Home, Search, and Now Playing screens, while minor refinements like spacing adjustments and subtle feedback cues can further enhance clarity and polish. This project showcases my ability to design a full product from scratch, combining aesthetics, usability, and thoughtful user experience.
Impact of this Project
Since this is my 1st project, the impact is educational.
Since this is my 1st project, the impact is educational.
Impact of this Project
Impact
Skills Gained and Learned full app design structure
Skills Gained and Learned full app design structure
Skills Gained and Learned full app design structure
Learned spacing, hierarchy, grid usage
Learned spacing, hierarchy, grid usage
Learned spacing, hierarchy, grid usage
Improved ability to design consistent components
Improved ability to design consistent components
Built confidence to create future professional projects
Built confidence to create future professional projects
Built confidence to create future professional projects
Understood user flows and UX readability
Understood user flows and UX readability
REFLECTION
R
E
F
L
E
C
T
I
O
N
REFLECTION
R
E
F
L
E
C
T
I
O
N
REFLECTION
R
E
F
L
E
C
T
I
O
N
#1
Spacing matters more than I thought
#1
Spacing matters more than I thought
#1
Spacing matters more than I thought
#2
Familiar UX patterns are powerful
#2
Familiar UX patterns are powerful
#2
Familiar UX patterns are powerful
#3
Visual branding can change an entire mood
#3
Visual branding can change an entire mood
#3
Visual branding can change an entire mood
#4
Debugging weird layouts taught me patience and structure
#4
Debugging weird layouts taught me patience and structure
#4
Debugging weird layouts taught me patience and structure
#5
Finish responsive versions later
#5
Finish responsive versions later
#5
Finish responsive versions later
#6
Improve contrast and typography
#6
Improve contrast and typography
#6
Improve contrast and typography
BIG TAKEAWAY : Voxen is where I started — not perfect, but real. It taught me how to think like a designer, build with intention, and reflect on growth. That’s why this project matters.
BIG TAKEAWAY : Voxen is where I started — not perfect, but real. It taught me how to think like a designer, build with intention, and reflect on growth. That’s why this project matters.
The name voxen came to be by the combination of vox which is a latin word for voice and voxen is the plural which suggests many singers. Voxen envokes a sense of music, making it a fitting name for a music streaming app.
The name voxen came to be by the combination of vox which is a latin word for voice and voxen is the plural which suggests many singers. Voxen envokes a sense of music, making it a fitting name for a music streaming app.