← Explorations
Health ยท iOS (Personal Project)

FitOn | Customizable Fitness Program

Company
Personal Project
Role
Product Designer & Researcher
Timeline
Self-Directed
Team
N/A

FocusA self-directed case study in progressive personalization, grounded in App Store review mining and real usage friction.

FitOn

Overview

FitOn offers free, celebrity-led fitness videos and builds a "personalized plan" from a handful of upfront preferences, but gives users almost no way to adjust that plan once it exists. As a regular user, and a busy mom with limited workout windows, I used this as a self-directed case study in progressive personalization.

The Problem

Once a plan is generated, there's little users can do to refine it further. Favoriting a workout drops it into a separate section that's disconnected from the plan itself, and as new workouts are uploaded, that favorites list becomes harder to navigate. Users can't delete workouts they don't want or reorder the ones they do.

Research

I combined personal usage friction with a pass through App Store reviews, which surfaced the same three requests repeatedly:

Delete workouts you don't like
Add more of the ones you do
Preview a clip before committing
App Store reviews surfacing the customization gap.
App Store review
App Store review
App Store review

Deeper plan customization, unsolved by either app

FitOn

FitOn

4.9★ · 138K ratings

Competitor

Workout Women

4.8★ · 419K ratings

The opportunity

Even the larger competitor hadn't solved deeper plan customization, leaving real room for FitOn to differentiate.

Solution

  • An "Edit Program" screen with drag-to-reorder and swipe-to-delete for existing plan items
  • An expandable bottom sheet to pull workouts in from Recommended, Favorites, and Trending without leaving the editing flow
  • Preview clips so users can see a workout before adding it
  • A fitness-level filter added alongside existing filters
New user flow for the Edit Program experience.
New user flow for editing a fitness program

Wireframes:

Your Program.
Your Program wireframe
Filter Program.
Filter Program wireframe
Edit Program.
Edit Program wireframe
Expanded bottom bar.
Expanded bottom bar wireframe
Drag & drop.
Drag and drop wireframe

High-fidelity final designs:

Your Program, with edit icon added.
Your Program hi-fi
Filter Program, with fitness level added.
Filter Program hi-fi
Edit Program screen with preview clips.
FitOn Edit Program screen showing workout preview clips in a customizable program
Expanded bottom bar: add from Recommended, Favorites & Trending.
Expanded bottom bar hi-fi
Drag-and-drop reordering, swipe to delete.
FitOn Edit Program screen with drag-and-drop reordering and swipe-to-delete of workout clips

Rollout Plan

I scoped delivery in four phases by build cost and risk, rather than proposing everything at once:

01
Fitness-level filter near-zero lift

FitOn already uses this taxonomy elsewhere in the app, so it ships first.

02
Edit Program screen A/B test

Test against the existing plan-creation flow, 2–4 weeks to measure engagement and return visits.

03
Preview clips 1–2 weeks

Quick to test once footage exists, and reusable across the rest of the app.

04
Recommendations held for last

FitOn didn't yet track the signals a recommendation engine would need, so it waits.

← Previous
Supper Club