Fit Journey
Workouts, progress and an AI coach in one app, with a full design system in dark and light themes.
A training and progress-tracking app.
Why
Most fitness apps just list exercises. Fit Journey actively helps: it adapts training to your goals, experience, equipment and where you train, and shows progress in a way that motivates without a wall of numbers. It is the most complex app design project I have done so far.
Personalization
Training adapts to goals, experience, equipment and location.
Clear progress
Weights, reps and frequency in one place, focused on consistency, not perfection.
AI coach
Analyzes a video of the exercise and gives concrete advice on what to fix in your form.
Who it's for
- Anyone who wants structured, smart training
- People who train at home, outdoors or at the gym
- Beginners and experienced lifters
The hardest part
The biggest challenge was scope. The app has sign-in, personalization, live workouts, progress tracking and an AI coach, all in both a dark and a light theme.
It wouldn't have been doable without a design system. I defined the palette for both themes, the type scale and the components first, and only then drew the screens. Every new screen came together from ready-made parts, and both themes stayed consistent.
Solution
-
The whole day on one screen
Rings for strength, cardio and mobility, a streak of consecutive training days and today's plan with a start button.
-
Dark and light theme
The entire design system exists in both themes. Backgrounds, surfaces and text are defined separately for each, while the lime stays the same.
-
A profile that builds the plan
Height, weight and age are the basis for personalized workouts and realistic goals.
How I'd measure success
Completed workouts
Share of started workouts finished to the end.
Workouts per week
Average per user, because the goal is consistency, not perfection.
Users after 4 weeks
How many people are still training a month after signing up.
An app concept that hasn't launched. These are the numbers I'd track after launch, with an arrow showing which way they should move.
Identity
Typography
-
Outfit
Headings. Geometric and energetic, with a big contrast between weights.
12 Day Streak
- Medium 500
- Bold 700
-
Inter
Body text and data. A type scale from 12 to 40 px.
4 sets × 8–10 · Rest 2 min
- Regular 400
- Semibold 600
Colors
- Lime 400 Primary color
- Lime 300 Highlights
- Lime 500 Pressed state
- App background Dark theme
- Card Cards, dark theme
- Text Text, dark theme
- Info Cardio, information
- Danger Errors
Process
Brief and research
Analysis of the Fitbod app and a real workout with it, to understand how apps like this are used in practice.
User flow
Sign-in, goal setup, home, live workout and profile.
Design system
Logo, a palette for both themes, a type scale and a component library.
Final design
The complete flow in dark and light themes.