Fitness - AI Mobile Application - B2C

VIRES FITNESS

VIRES Fitness, an AI-powered app for customized workout plans

My Role

UX/UI Product Designer

Duration

5 weeks (Aug/Sept 2025)

Tools

Figma, Google Meet

Overview

/Challenge

Problem definition 🎯

Many current fitness applications are oriented toward users with a relatively high level of motivation and prior knowledge. This excludes a large group of people who:

Don't identify with the traditional "fitness world."
Lack time or don't know where to start.
Get frustrated with demanding or inflexible programs.

At the same time, users with intermediate or advanced experience seek flexibility and personalisation, avoiding repetitive routines or those poorly adapted to their context.

There is a lack of accessible, flexible, and motivating options that allow anyone—from beginners with no experience to advanced users—to maintain a physical activity routine adapted to their pace and without pressure.

MVP focus 💪

For the initial release, we will focus on beginner and intermediate users, ensuring the app excels at serving those who are currently underrepresented by existing fitness applications while laying a solid foundation for future expansion to advanced users.

Our primary user for this MVP ⚡️

/Solution

Proposed solution 💡

The approach addresses the identified problem by developing an intuitive fitness application that prioritises personalisation without overwhelming users. The solution focuses on creating an inclusive platform that adapts to each individual's unique circumstances and fitness journey.

Differentiation from competition  🦾

Simple and friendly app tone, with language that adapts to the user's level. The more advanced the user's level, the more they'll receive language with specific and technical terms. Orientation and navigation must be simple; users shouldn't waste time finding features but should go straight to the essentials.

Key Features 🚀

Smart onboarding process: The app begins with a user-friendly onboarding experience that captures essential user information, including fitness goals, preferred training frequency, session duration, available workout locations (home, gym, outdoors), and current fitness level. This data forms the foundation for personalised program creation.

AI-Powered 4-week program: Based on onboarding data, the AI generates customised 4-week training plan that automatically renew and evolve. The system considers user preferences to create realistic, achievable routines.

Interactive workout experience: Each exercise is accompanied by instructional videos to ensure proper form and technique. Users can easily modify repetitions and weights in real-time, with the AI learning from these adjustments to refine future recommendations.

Progress tracking: A dedicated progress section allows users to monitor their weekly and monthly achievements, providing visual feedback on their fitness journey and maintaining motivation through clear milestone recognition.

Continuous Learning: An integrated feedback system enables users to provide input at any time, allowing the AI to improve personalisation and program effectiveness continually.

Research

Identified screens for MVP 🗒️

Initial welcome and login screen (+ reset password)
Onboarding: Registration screen for new users + series of questions to understand the user's objectives
4-week plan: Screen with the created and customised 4-week plan (free plan for MVP)
User's settings: Edit profile, manage parameters (cancel membership, manage notifications, reset password, terms&conditions, view plan, contact, logout and add a photo)
Training plan: Screen with the user's current workout, tracking, and calendars with past and future workouts
Progress: The user can see how they have evolved weekly or monthly
Workout detail: START > display repetitions for each exercise / END > Show the training's summary and ask the user for feedback
Notifications: Push to mobile but also within the app for tips, tracking and news

User flows to understand the user's interactions 👩‍💻

Testing the wireframes with an identified flow for the prototype 📲

Due to the project's time constraints (5 weeks), I have been able to test a prototype with only 4 participants by focusing on a primary user flow that gathers the core features of the MVP.

Here's a summary of each task 🔎

Onboarding: Create an account to lose weight as a beginner, preferring 30-minute mixed training sessions, and complete personal information. Provide feedback on the length and completeness of the onboarding process.
Home – Personalised plan: Explore the home page and share your first impressions. Then, locate how to switch from weekly to monthly view.
Plan detail: Navigate to the complete plan view, review the detailed plan interface, explore week 1 details, and identify how to start a workout session.
Start workout and provide feedback: Complete a full workout session, including changing exercises, observing exercise techniques, skipping rest periods, and offering feedback.
Progress: Navigate to the progress section, interpret the displayed data, and assess its usefulness for both 7-day and 30-day periods.
Notifications: Check the new notifications, view all and mark as read

Details of the testing session 💻

1-hour online session with a shared prototype.
Mid-fidelity wireframes
4 participants:

Participant 1 - Adrian, 28 years old: Fitness Level: Beginner | Weekly Activity: 1 session/week | Goal: Muscle gain

Participant 2 - Sarah, 25 years old: Fitness Level: Beginner | Weekly Activity: 1-2 sessions/week | Goal: Build exercise habits

Participant 3 - Emma, 38 years old: Fitness Level: Intermediate | Weekly Activity: 2-3 sessions/week | Goal: Burn calories

Participant 4 - Lisa, 45 years old: Fitness Level: Intermediate | Weekly Activity: 3-4 sessions/week | Goal: Maintain fitness

woman in yellow shorts sitting on yellow chair

Homepage findings

Users identified three critical areas for improvement. First, current KPIs lack relevance. "Total time" and "sets" are perceived as repetitive and unhelpful. Users prefer objective-driven metrics like calories, completed sessions, and goal progress. Weekly and monthly KPIs create confusion through duplicate information. Second, calendar visualization needs enhancement. Users want a calendar icon with flexible month/week/day views and direct access to workouts by clicking dates. The current "list" and "calendar" labels are confusing; users prefer "week or month" terminology. Third, the 4-week plan structure causes confusion. Users don't understand its origin or connection to their personal objectives. The weekly plan structure remains unclear, leaving them uncertain how workouts are organized.

Homepage findings

Detail plan findings

Feedback pop-up findings

Design

After identifying the main findings, here are the main iterations made to the corresponding screens, from the initial wireframe through the mockup.

Homepage tab ("Inicio")

1. Clearer and more relevant KPIs

Remove less useful metrics (e.g., sets, estimated total time).
Replace them with:

Sessions completed / sessions remaining
Calories burned (if relevant to the goal)
Progress toward the personal goal (e.g., “You’ve completed 25% of your target”)
Keep weekly KPIs with real values (actual total training time, not estimated)

2. Visual hierarchy and navigation

Better organise metrics and workouts so users don’t lose track while navigating.

3. Calendar navigation

Change “Calendar” and “List” to “week” and “month” for better clarity.
Month → overview with marked training sessions.
Week → detailed view of the week’s workouts.
Clicking on a date should open the associated workout, showing its name, type, duration, and required equipment.

Detail plan tab ("Detalle")

1. Restructure navigation

Remove “Detail” (Detalle) as a standalone tab.
Integrate the plan overview into the Home screen.
Rename the Home tab to “Plan” for better clarity.
A separate tab should be dedicated only to “Training” (exercise-by-exercise view).
Possibility to find the whole plan in the user’s profile as well.

2. Onboarding → Plan overview

After completing Onboarding and generating the personalised plan, show a screen that says: “Here’s your 4-week plan,” with an overview of all weeks and a detailed description of each week’s workout.

Feedback in the app

1. Timing and format

Display a single-question rating pop-up at the end of the first exercise to gather feedback. Include an option to 'Disable future feedback requests' (or 'Don't show this again') to prevent future disturbance.
Show a pop-up at the end of each session with 2–3 quick, tap-based questions, grouping any exercise-specific feedback in the same view.

2. Context

Integrate a short introduction before the rating pop-up that explains we're continually gathering feedback to improve their workout experience.

UI KIT

Finally, here are some images of the UI Kit created specifically for this project (full version in Figma), featuring a simple, straightforward design. The foundational components include cards, icons, and buttons. The primary palette uses grey and black, accented by a vibrant reddish tone that embodies the punch and dynamism essential for a Fitness app.