Dark-Mode UI/UX Design for a Streamlined Fitness AppDark-Mode UI/UX Design for a Streamlined Fitness App
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ruan's avatar
Ruan Visagie
• Oct 4
Most fitness apps are cluttered and bury the features people use most, right when they're sweating and need information fast. CULT brings workouts, progress, nutrition and profile into one focused experience that works mid-session.
I audited 3 competitor apps, gave the client the full structure in 7 lo-fi wireframes, then designed a dark-mode design system and 14 production-quality hi-fi screens across 6 core flows. I tested the designs with 10 users, shared every difficulty with the team, and redesigned the screens people struggled with.
What I delivered
Competitor research (3 apps)
7 lo-fi wireframes, signed off before hi-fi
14 hi-fi screens across 6 core flows
Onboarding: goal, weight and body metrics, Apple Health sync
Workout tracking, live sessions, progress and streak views
A dark-mode design system
User testing with 10 users, with screens redesigned
Results
A faster onboarding flow
Fewer interaction points, so fewer errors mid-workout
Role: UI/UX Designer, contract · Malkoppi Creative Development · Jan–Mar 2026 Team: Product designers, PM, developers Tools: Figma Skills / tags: Mobile App Design, iOS, UI Design, UX Design, Design Systems, User Testing, Fitness
Mobile DesignUI DesignUX DesignAdobe Premiere ProClaudeFigma
Post image
Post image
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started