Designed an MVP for an online fitness app. Conducted user research, defined the structure and key user flows, and created the UI and design system. The project includes more than 124 screens, usability testing and a dark theme.
Role
UX/UI Designer
Explored How Users Choose and Plan Their Workouts
Users value flexibility, a clear plan and workouts tailored to their needs
Researched the target audience and conducted interviews to understand how people choose online workouts, what makes it difficult to exercise regularly and what information they expect to see in the app. Used these insights to shape the structure, onboarding, workout programs and progress tracking.
01
Train at a Convenient Time
Short sessions and flexible scheduling make it easier to fit workouts into a busy routine
02
Choose a Program That Fits
Different workout types, durations and difficulty levels help users find the right format
03
Start Without a High Barrier
Clear difficulty levels help users choose workouts that match their current fitness level
04
See the Plan and Track Progress
A workout calendar and progress tracking help users understand what they have completed and what is planned next
Explored How Users Choose and Plan Their Workouts
Users value flexibility, a clear plan and workouts tailored to their needs
Researched the target audience and conducted interviews to understand how people choose online workouts, what makes it difficult to exercise regularly and what information they expect to see in the app. Used these insights to shape the structure, onboarding, workout programs and progress tracking.
01
Train at a Convenient Time
Short sessions and flexible scheduling make it easier to fit workouts into a busy routine
02
Choose a Program That Fits
Different workout types, durations and difficulty levels help users find the right format
03
Start Without a High Barrier
Clear difficulty levels help users choose workouts that match their current fitness level
04
See the Plan and Track Progress
A workout calendar and progress tracking help users understand what they have completed and what is planned next
From Research to the First User Flow
Research helped shape onboarding and personalization from the very first screens
Reviewed competitors and user feedback, mapped the main scenarios and app structure, and validated key decisions with wireframes. Based on these insights, designed an onboarding flow where users select their goal, fitness level and preferences to receive more relevant workout programs from the start.
Logic First
Validated the main scenarios and transitions before moving into detailed UI design
Personalized Start
Goals, fitness level and preferences help users receive more relevant program recommendations right away
From Research to the First User Flow
Research helped shape onboarding and personalization from the very first screens
Reviewed competitors and user feedback, mapped the main scenarios and app structure, and validated key decisions with wireframes. Based on these insights, designed an onboarding flow where users select their goal, fitness level and preferences to receive more relevant workout programs from the start.
Logic First
Validated the main scenarios and transitions before moving into detailed UI design
Personalized Start
Goals, fitness level and preferences help users receive more relevant program recommendations right away
Home Screen for a Quick Start
Users immediately see relevant options and can quickly start a workout
Brought the main scenarios together on the home screen: continuing a workout, recommendations, new programs and access to trainers. Organized the content so users can find the right action without unnecessary browsing.
Contextual Recommendations
Recommendations change depending on the time of day to surface more relevant workouts
Key Actions Within Reach
Users can continue a workout, choose a program or open a trainer profile directly from the home screen
Home Screen for a Quick Start
Users immediately see relevant options and can quickly start a workout
Brought the main scenarios together on the home screen: continuing a workout, recommendations, new programs and access to trainers. Organized the content so users can find the right action without unnecessary browsing.
Contextual Recommendations
Recommendations change depending on the time of day to surface more relevant workouts
Key Actions Within Reach
Users can continue a workout, choose a program or open a trainer profile directly from the home screen
From Program Selection to Workout
Users review the program, choose a workout and move directly into the session
Designed a clear path from program selection to the workout itself. Users can review key program information, choose a workout and move straight to the video without unnecessary returns to search or browsing.
Validated the Solution with Users
Testing showed that users found the fixed button faster
Compared two placements for the workout planning button: after the main content and fixed at the bottom of the screen. In the second version, all participants found the action quickly, so I kept it in the final interface.
Testing Participants
Users from previous interviews and one additional participant from the target audience
What I Tested
How quickly and independently users could find the action for planning a workout
Option 1
Button After Content
Option 2
Fixed Bottom Button
Option 1
Button After Content
Option 2
Fixed Bottom Button
Validated the Solution with Users
Testing showed that users found the fixed button faster
Compared two placements for the workout planning button: after the main content and fixed at the bottom of the screen. In the second version, all participants found the action quickly, so I kept it in the final interface.
Testing Participants
Users from previous interviews and one additional participant from the target audience
What I Tested
How quickly and independently users could find the action for planning a workout
Trainer as Part of Program Selection
Users can review a trainer’s experience, specialization and programs before choosing
Created a trainer directory and individual profiles with information about experience, specialization and available programs. This allows users to get to know the trainer first and then move on to relevant workouts.
Choose by Specialization
The trainer’s specialization is visible directly in the list
Trainer Profile Before a Workout
Experience, description and available programs help users understand whether a trainer is the right fit
Trainer as Part of Program Selection
Users can review a trainer’s experience, specialization and programs before choosing
Created a trainer directory and individual profiles with information about experience, specialization and available programs. This allows users to get to know the trainer first and then move on to relevant workouts.
Choose by Specialization
The trainer’s specialization is visible directly in the list
Trainer Profile Before a Workout
Experience, description and available programs help users understand whether a trainer is the right fit
Progress and Workout Schedule
Users can review their progress and immediately plan the next workout
Combined current workouts, key progress metrics and a calendar in one section. Users can see how much they have already trained, which days are planned and adjust the frequency and timing of upcoming workouts.
Progress and Workout Schedule
Users can review their progress and immediately plan the next workout
Combined current workouts, key progress metrics and a calendar in one section. Users can see how much they have already trained, which days are planned and adjust the frequency and timing of upcoming workouts.
Helpful Content Alongside Workouts
Articles help users better understand training, nutrition and recovery
Created a dedicated section with articles from trainers and experts, organized by topic and supported by search. This allows users to find useful content directly in the app without switching to external sources.
Helpful Content Alongside Workouts
Articles help users better understand training, nutrition and recovery
Created a dedicated section with articles from trainers and experts, organized by topic and supported by search. This allows users to find useful content directly in the app without switching to external sources.
Search and Filters for Faster Selection
Users can search directly or narrow the selection using relevant filters
Added search and filters to make a large workout catalog easier to navigate. Users can search by name or topic and then refine the results by fitness level, workout type, duration and target areas.
Search and Filters for Faster Selection
Users can search directly or narrow the selection using relevant filters
Added search and filters to make a large workout catalog easier to navigate. Users can search by name or topic and then refine the results by fitness level, workout type, duration and target areas.
Profile and Settings Within Easy Reach
Brought the main account settings into one section, including personal information, subscription, payment methods, notifications, favorites and interface theme. Profile editing is available separately so users can update their details at any time.
Account Management
Personal information, subscription, payment methods and password are grouped in one section
Personalized Settings
Notifications, favorites and theme settings allow users to tailor the app to their preferences
Profile and Settings Within Easy Reach
Brought the main account settings into one section, including personal information, subscription, payment methods, notifications, favorites and interface theme. Profile editing is available separately so users can update their details at any time.
Account Management
Personal information, subscription, payment methods and password are grouped in one section
Personalized Settings
Notifications, favorites and theme settings allow users to tailor the app to their preferences
Unified Design System for the Entire App
The system helped maintain a consistent visual language and speed up the creation of new screens
Built a design system with colors, typography, grid and core interface elements. As the product evolved, added new states and patterns to keep screens consistent and visually connected across the app.
Unified Design System for the Entire App
The system helped maintain a consistent visual language and speed up the creation of new screens
Built a design system with colors, typography, grid and core interface elements. As the product evolved, added new states and patterns to keep screens consistent and visually connected across the app.
Product Development Hypotheses
Explored ways to strengthen motivation and personalization in future iterations
After defining the core scenarios, formulated two ideas for future product development. Both are focused on supporting workout consistency and providing users with more personalized guidance.
Personal Trainer
Allow users to choose a trainer, receive personalized recommendations and contact them during their workouts
Rewards and Achievements
A reward system for consistency and progress helps users recognize their results and stay motivated to keep training
Hypothesis 1
Personal Trainer
Hypothesis 2
Rewards and Achievements
Product Development Hypotheses
Explored ways to strengthen motivation and personalization in future iterations
After defining the core scenarios, formulated two ideas for future product development. Both are focused on supporting workout consistency and providing users with more personalized guidance.
Personal Trainer
Allow users to choose a trainer, receive personalized recommendations and contact them during their workouts
Rewards and Achievements
A reward system for consistency and progress helps users recognize their results and stay motivated to keep training
Hypothesis 1
Personal Trainer
Hypothesis 2
Rewards and Achievements
Design Outcome
From first launch to workouts, progress and planning in one MVP
Designed a complete MVP for an online fitness app, from onboarding and personalization to program selection, workouts, progress tracking and account management. Created more than 124 screens, user flows, usability testing and a design system.
Complete User Journey
From first launch and program selection to workouts, progress tracking and planning future sessions
Validated Solutions
Developed key scenarios through research, wireframes and usability testing
Scalable Interface System
The design system helped maintain consistency across a large number of screens and support both light and dark themes