case study 01 of 04

What happens when a gym athlete builds her own fitness app.

Built by a CEO who was tired of fitness apps getting in the way. This one doesn't.

Role

Founding product designer

Company

Ambrisa, AI fitness

Year

2026, MVP in dev

Scope

UX · strategy · system

Founding
designer — owned it end to end
0 → 1
concept to MVP, in active build
9
workout-logging variation types
Three Ambrisa screens: Nutrition with a 1285 kcal ring, Workout's Full Throttle Push plan with start button, and Progress' consistency tracker

home screen.

TL;DR

The Challenge

Fitness apps make you work before you work out. Rigid databases, toxic streaks, and three screens just to start a session.

The Impact

Reduced the start flow from 3 clicks to 1. Invented Sport Mode, a feature absent from every major competitor.

My Output

100+ screens, an atomic design system, a branding pivot, and key features invented from real research, all designed solo from ~20 inherited wireframes.

The Learning

Mastered auto-layout and atomic systems end-to-end. Learned what it means to be a true founding designer, not just executing decisions but shaping them.

§01THE PROBLEM

Fitness apps make you work before you work out.

Lisa McPhearson is the CEO of Ambrisa and a competitive gym athlete. She had cycled through every major fitness app on the market. Her frustration was not about missing features.

It was that every app got in the way of the one thing users actually want to do: move.

After guerrilla research with real gym-goers between sets, the same theme kept coming up across every conversation. Different bodies, different goals, same complaint.

FIELD NOTES · GYM FLOOR RESEARCH · N=12

I do not want to think before entering the gym. I just want to start.

P2 · regular gym-goer

Let's say I played badminton today. It should just know what muscles I worked.

P1 · mixed athlete

Why do I have to go through three screens just to begin?

P4 · casual lifter

The problem was not a missing feature. The problem was friction. Every major fitness app on the market, Gymverse, Fitbod, Evolve You, MyFitnessPal, required two to three screens before a user could begin.

For someone walking into a gym ready to move, that is three screens too many.

The brief was to design a fitness app. The job was to get out of the way.

§02THE GOALS

Two sets of goals. Both had to be true.

With the problem clearly defined, we needed to align on what success looked like, both for the people using the app and for the business building it.

These two sets of goals shaped every design decision that followed.

FOR THE USER

What gym-goers actually needed.

  • Start a workout in one tap
  • Log any activity, not just gym exercises
  • Track nutrition without manual data entry
  • Feel supported, not judged or punished
  • Use AI that feels like a coach, not a robot

FOR THE BUSINESS

What Lisa needed to ship and scale.

  • Ship a validated, investor-ready MVP fast
  • Move quickly into user testing phase
  • Build a design system that scales without chaos
  • Differentiate clearly from existing fitness apps
  • Drive organic user signups post-launch

Every feature got filtered through bothlists. If it failed either, it didn't ship.

§03THE BRANDING PIVOT

Every section needed its own identity.

The original direction was dark throughout, bold red and orange on black across Workout, Nutrition, and Progress. It looked strong. But something was off.

After collaborative review with Lisa and Creative Director Darren, we identified the core problem. All three sections serve completely different emotional purposes, but they felt identical.

Workout is about energy and focus. Nutrition is about nourishment and care. Progress is about reflection and data. One palette could not carry all three.

OLD DESIGNS
Original Ambrisa designs across Nutrition, Workouts, and Progress, all using the same dark and red palette
NEW DESIGNS
Three redesigned Ambrisa sections (Workout in red/orange, Nutrition in warm gold/amber, Progress in dark charcoal) showing each color palette serves a distinct emotional purpose
§04KEY DESIGN DECISIONS

Three decisions that shaped everything.

If you only have time to read one section, read this one. These three moments are the difference between a fitness app that works and a fitness app that gets out of the way.

DECISION 01

From 3 clicks to 1.

WHAT CHANGED

The original flow required three taps before a single rep. Preview screen → edit screen → workout. I combined all three states into one action-ready home screen: your plan, your options, and your start button, all visible immediately.

WHY IT MATTERS

This single decision reduced the core start flow by 66%, and directly addressed the number one friction point found in user research.

31

CLICKS TO START A WORKOUT

COMPETITORS — 4 STEPS BEFORE YOU LIFT
Open App
Step 1
Choose Type
Step 2
Preview Plan
Step 3
Edit / Confirm
Step 4
Finally…
Start Workout

“By the time you start, you’ve already lost momentum.”

AMBRISA — 1 TAP. THAT'S IT.
Open App
Step 1
Start Workout
Step 2 — Done
not needed
not needed
not needed
The redesigned Ambrisa workout home screen: every decision (Full Throttle Push plan, warm-up toggle, rearrangeable cards, swipe-to-edit, floating START button) sits in one action-ready surface
“3 screens became 1. Every decision is within reach before the first rep.”
DECISION 02

Sport Mode, the feature nobody had.

WHERE IT CAME FROM

One quote in user research stopped everything.

Let’s say I played badminton today. It should just know what muscles I worked.
P1 · mixed athlete

Not one of the eight apps we analysed offered this. Not Gymverse. Not Fitbod. Not MyFitnessPal.

8 competitors. 0 had it.

COMPANYSPORT-TO-MUSCLE MAPPINGONE-TAP STARTAI-NATIVE LOGGING
Gymverse
Fitbod
Evolve You
MyFitnessPal
Ambrisa

COMPETITIVE SCAN · 8 APPS REVIEWED

WHAT WE BUILT

Sport Mode lets users log any sport and automatically maps it to the muscle groups worked, turning casual activity into meaningful fitness data. One conversation with a real user became a core product feature.

SPORT MODE · LOG ANY ACTIVITY. IT KNOWS WHAT YOU WORKED.
Sport Mode flow: search any sport, log effort with sliders, confirm whether to add or replace today's plan, then the muscles get mapped automatically
Search
Log effort
Confirm
Done
Pick any sport
Rate intensity + details
Add or replace today
Muscles mapped automatically
DECISION 03

AI as infrastructure, not a feature.

THE PRINCIPLE

Most fitness apps bolt on an AI chat and call it smart. We designed AI into the fabric of the entire product so it feels like it was always there.

THE FOOD LIBRARY

People already photograph their meals. Inside the AI Coach, the Food Library opens a personal archive of every meal photo the user has ever uploaded, each entry auto-tagged with macros. Instead of re-logging the same chicken and rice bowl for the tenth time, the user pulls it from their library and taps.

The insight: logging food is not hard because people forget what they ate. It is hard because the apps make them prove it from scratch every time.

THE RECIPE BUILDER

The way people talk about food with friends is nothing like how apps ask you to log it. Friends say ‘i made pasta with tomato sauce and some leftover chicken.’ Apps say ‘select item. enter serving size. add macro.’ The Recipe Builder lives inside the AI Coach. Users describe a meal in conversation. The AI builds the recipe, calculates the macros, saves it.

THE FULL AI SURFACE ACROSS THE PRODUCT

  • Workout search: understands natural language, not just keywords
  • AI Coach chat: conversational interface for food logging
  • Food Library: AI-powered discovery replacing static database search
  • Recipe Builder: build and log meals through conversation
  • Progress Insights: AI surfaces patterns the user has not noticed yet
Food Library flow: AI Coach chat opens the Food Library archive of photographed meals, each card showing kcal and a star-to-favourite control, with a detail card that lets the user log the meal or use it as a base for a new entry
“People already photograph their food. The Food Library makes that habit useful, no re-entry, no friction, just tap and log.”
Recipe Builder flow: upload photos of ingredients, the AI Coach identifies each item (Barilla Penne, Basil Pesto, Fresh Mozzarella), then the Recipe Builder card appears inline in the chat letting the user set portions and units before calculating macros
“Nobody talks to their nutrition app the way they talk to a friend. We changed that. Just send a photo and say what you mean.”

Three decisions, each one a conversation that almost didn't happen.

§05KEY DESIGN DECISIONS

The hardest screen in fitness is the one you use mid-set.

Sixty seconds between rounds. Sweaty hands. A timer running. The workout screen has to be readable in a glance, logable in a tap, and never make you think.

When most fitness apps design the “exercise screen,” they design it for the planning moment, the one where you're calm, looking at your phone on the couch, deciding what to do tomorrow. But that's not where the screen actually lives. It lives at minute 14 of a 45-minute session, between sets, when you're catching your breath and trying to remember whether you did 90 or 95 last time.

So I designed the whole workout-in-progress experience as one continuous state machine, warm-up auto-advances into the main set, the main set auto-advances into rest, rest auto-advances into the next exercise. No menus. No back buttons hunting for what's next. The app holds the structure so you don't have to.

Warm Up screen
Main Set screen
Rest screen
Complete screen
01
02
03
04
Warm Up
Main Set
Rest
Complete
Auto-advances when timer hits zero
Log your set with one tap
Counts down so you don't have to
Celebrates the work you actually did

“You shouldn't have to think about what's next. You should only have to think about the rep.”

§06KEY DESIGN DECISIONS

Designed for every body that's ever been to a gym.

Nine exercise variations. One design system. Because not every workout looks like a workout.

A pull-up is reps. A plank is time. A treadmill run is distance and pace. A dumbbell curl is reps × weight, but only on one side, then the other. A superset is two exercises stitched together with no rest. A bodyweight squat is just… a squat.

Most fitness apps pretend exercise is one shape, sets × reps × weight, and force every workout into that mold. Real training doesn't work that way. So I designed nine variations of the exercise logging UI, each one matching the actual structure of the movement it captures. Same design system. Same logging grammar. Nine different forms.

Standard exercise variation
Standard
Reps × Weight
Reps Only exercise variation
Reps Only
Bodyweight
Time Only exercise variation
Time Only
Hold / Plank
Weighted Time exercise variation
Weighted Time
Loaded Hold
Weighted Reps exercise variation
Weighted Reps
Dumbbell / Barbell
Reps Per Side exercise variation
Reps Per Side
Unilateral
Time Per Side exercise variation
Time Per Side
Unilateral Hold
Cardio exercise variation
Cardio
Distance × Pace
Superset exercise variation
Superset
Linked Movements

“The hardest part of a design system isn't the components. It's the edge cases you didn't want to design.”

§07THE DESIGN SYSTEM

100+ screens. One designer. Zero chaos.

I inherited approximately 20 wireframes from a previous UI designer. No documented system, no component library, no clear rationale. I built the entire design system from scratch, alone.

The system is atomic. Base tokens feed into components, components feed into templates, templates feed into screens. Every spacing value, color, and component variant is defined as a Figma variable so the system can scale without inconsistency.

LVL 01
tokenscolor · spacing · type
LVL 02
atomsicons · labels · inputs
LVL 03
moleculesbuttons · cards · chips
LVL 04
organismsnav · forms · modals
LVL 05
screens100+ shipped, all responsive

This project is also where I truly mastered auto-layout, building complex responsive components that hold their structure across every screen size and state.

Ambrisa design system, full component library organized by atomic level

the full component library, organized by atomic level.

SYSTEM HIGHLIGHTS

  • Component library: buttons, cards, inputs, nav, modals, overlays, all variant-driven
  • Color variables: per-section theming with a shared brand token layer
  • Typography system: scale, weight, and line-height defined for every use case
  • Weekly engineering handoffs: every component annotated and export-ready

The system wasn't asked for. I built it because the product needed it to survive.

§B/DDESIGNED · IN ACTIVE BUILD

Designed, and being built.

Ambrisa is pre-launch. Every surface here is fully designed and now in active build, on its way to users.

DESIGNED · IN ACTIVE BUILD

What I designed

  • Core workout flow: one-tap start, plan view, exercise cards
  • Exercise logging with all 9 variation types
  • Warm-up and cool-down auto-advance sequences
  • Full atomic design system: tokens, components, templates
  • Branding system with per-section color theming (Workout / Nutrition / Progress)
  • Navigation architecture and information hierarchy
  • Sport Mode: sport-to-muscle mapping engine
  • AI Coach: conversational chat interface
  • Recipe Builder: meal logging through conversation
  • Food Library: photo-based meal archive with macro tagging
  • Progress Insights: AI-surfaced training patterns
  • Community features and social sharing

I can tell you exactly why each piece exists, and how I'd measure its impact.

§08OUTCOME & REFLECTION

What I shipped, what I learned.

The product is still in development. The foundation is solid, the system is scalable, and every decision has a reason behind it.

100+

SCREENS / DESIGNED

31

CLICKS TO / START WORKOUT

8

COMPETITORS / RESEARCHED

1

DESIGNER FOR / THE PRODUCT

This was the project where I stopped being a designer who executes and became one who shapes. I pushed back on the original branding direction with a reason. I invented a feature, Sport Mode, because I was listening closely enough to hear what was missing. I built a design system not because I was asked to, but because I knew the product needed one to survive.

The biggest technical growth was auto-layout. I went from knowing it to owning it, building components complex enough that engineers could hand them off directly without rework.

The foundation is solid. Every decision has a reason behind it.

↑ back to the studio

end of case study 01.

NEXT CASE STUDY →

02 MU20