KBY Fitness
A women-only fitness mobile app designed in Figma for a client, covering onboarding, progress tracking, workout sessions, goal management, and an in-app store.
A client approached me to design a mobile app for KBY Fitness, a women-only fitness platform. The brief was clear: design something their development team could build from directly. Clean, modern, and functional enough to cover the full user journey from signing up to buying fitness gear.
The brief
The client needed a complete set of app screens to hand off to their developers. Not a concept, not a mood board: production-ready designs with enough detail that the dev team could build without guessing. The scope covered five areas: onboarding, a home dashboard, workout session management, a fitness journey tracker, and an in-app store for fitness clothing.
Research
Before opening Figma I spent time understanding the target user. Women-only fitness apps have a specific emotional context: the design needed to feel encouraging and personal, not clinical or intimidating. The research was informal but it shaped every layout decision that followed.
The key insight was that progress visibility mattered most. Users needed to see how far they had come, not just what was left to do. That principle carried through the entire app.
The design
Onboarding leads with social proof: real images of women in the community rather than stock photography. The sign-up flow is two options only, email or Google, nothing else in the way.
The home dashboard is built around progress at a glance. Sessions completed this month, weight change, workout and goal ring charts, and the next scheduled session all sit above the fold. A user opens the app and immediately knows where they stand.
The fitness journey section breaks progress into three tabs: weight, measurements, and goals. Weight progress is visualised as a weekly bar chart with current and target weight shown below. A single call to action, log weight entry, keeps the interaction simple.
The in-app store extended the app beyond fitness tracking into a full lifestyle product. Users can browse and purchase branded fitness clothing without leaving the app. The store design followed the same minimal black and white direction as the rest of the product so the shopping experience felt native rather than bolted on.
Handoff
The designs were completed in Figma and handed off to the client's development team with component-level detail. Spacing, typography, color tokens, and interaction states were all documented so developers could build without back and forth.
Status
Designed and handed off to the client's development team.