Earbud controls are scattered.
Battery, sound profiles, ANC and multi-device connections live in fragmented, unintuitive interfaces, a daily frustration.
← All work
Case study 02 · March 2025 · Mobile app
AudioFlow
A companion app that brings every wireless-earbud control, from battery and sound to connections, into one calm, intuitive hub.
The problem
What you check daily, at a glance.
Battery, connection and noise mode belong on the first screen; deeper tuning like EQ sits one tap away.
One hub for every earbud.
Guided pairing, device cards with live battery, one-tap ANC and Transparency modes, and a custom EQ with presets.
Design direction
AudioFlow is a visual and interaction design project, so it started from mood and principles rather than user research.
I built a moodboard for a calm, tech-forward audio brand: night tones, studio light and violet. That set the visual system: Roboto for clarity at small sizes, and a palette built around violet #6866F2 with dark and soft neutrals.
Scope. This project focused on UI and interaction. It wasn’t based on user interviews, and the flows haven’t been usability-tested.
- 01
What you check daily, at a glance
Battery, connection and noise mode belong on the first screen.
- 02
Depth one tap away
EQ and settings sit behind the hub, not in front of it.
- 03
Predictable pairing
A 3-step progress bar makes pairing feel safe and finite.
From pairing to hub
Wireframes for the main flow: welcome, device search, pairing in three steps and naming, then the device hub, noise control and equaliser.
Key decisions
Each screen removes one daily friction.
Guided pairing
A 3-step progress bar keeps pairing predictable, then lets you name the device.
Battery at a glance
A ring and a bar show charge and connection for every device.
Modes in one tap
ANC, Transparency and Auto-pause as chips; intensity as a slider.
Tune without jargon
Presets first, then custom bands and Bass Boost for those who want more.
How it evolved
Step 1 · Visual system
A palette shaped like sound
An equaliser-inspired palette: violet #6866F2 as the accent, dark #252837 and soft #F3F4FB as neutrals, set in Roboto.
Step 2 · Hi-fi UI
Device cards, modes and EQ
Live battery rings, one-tap noise modes and a custom equaliser with presets.
The prototype
Click through the real flows. It runs right here in the page.
What I’d do next
- 01
Usability sessions
Test pairing and the equaliser with earbud owners: do people find modes and presets without help?
- 02
Accessibility check
Check contrast of the violet accent on dark surfaces and the size of touch targets on sliders.
- 03
Edge states
Design for lost connections, low battery warnings and pairing failures.