Brain.fm UI/UX Build
Brain.fm is a neuroscience-backed audio platform that helps users enter desired mental states—focus, relaxation, or sleep—within minutes. I was brought in to refine the Start screen UX, optimize the Focus session flow (which drives the majority of user engagement), and propose a cleaner, more intuitive UI system that improves user retention and conversion.
Task
Conversion Optimization, UX Strategy, Visual Refresh
The Opportunity
The existing Start screen didn’t prioritize user intent or behavior patterns. Focus sessions accounted for the majority of usage, yet were buried under extra taps. The UI also lacked a clear entry point and visual consistency across platforms.
Objectives
Conducted UX audits of the Start screen and user data analysis
Defined key user journeys based on data and behavior clusters
Prioritized Focus sessions in IA and UI hierarchy
Created wireframes and prototypes of revised Start screen flows
Introduced soft motion and updated design system elements for clarity and polish
Solutions & Key Improvements
Focus-first UX: Fast access to Focus sessions based on user patterns
Simplified Start screen: Reduced friction, clearer navigation
Session preview tiles: Visual hierarchy improved decision-making
Micro-interactions: Soft transitions and UI animations to support state change
Design system updates: New components for scalable cross-platform consistency
My Role
Led UX research and user journey analysis
Designed and tested new Start screen flows
Improved Focus session UX through layout, motion, and hierarchy
Created design system patterns for mobile and web
Collaborated with the PM and engineers to implement improvements in sprints
Impact
Increased Focus session starts by [insert % if available]
Improved onboarding flow (reduced drop-off by [insert %])
Helped unify mobile/web experience with consistent IA and visuals
Set groundwork for future personalization features
Tools Used
Figma, Protopie (Interactivity) FigJam, Adobe After Effects (motion), Google Analytics, Amplitude, Notion
| Primary #005CFF | ◯ | |
Electric Blue – Innovation & Trust
| Primary #00FF87 | ◯ | |
Neon Green – AI-powered energy
| Secondary #8A2BE2 | ◯ | |
Soft Purple – Creative depth
| Secondary #FF6F61 | ||
Sunset Coral – Warmth & Human Touch
Typeface
Inter
Usage
Headlines
Omneky’s typeface is simple, bold, easy for everyone to read, and instantly recognizable
Typeface
Inter
Usage
Headlines
Typeface
Inter
Usage
Headlines
- Invest time in understanding user needs through qualitative research.
- Prioritize technical feasibility early to align design with development capabilities.
- Use modular design systems to balance scalability with rapid iteration.
- Test iteratively with real users to ensure the final product meets their expectations.