← 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 requests repeatedly: delete workouts you don't like, add more of the ones you do, and preview a clip before committing to a full workout.

A competitive check against Workout Women (4.8★, 419K ratings vs. FitOn's 4.9★, 138K ratings) showed that even a larger competitor hadn't solved deeper plan customization — a real opportunity for FitOn to differentiate.

App Store reviews surfacing the customization gap.
App Store review
App Store review
App Store review

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:

  • Phase 1 · Fitness-level filter: near-zero engineering lift, since FitOn already uses this taxonomy elsewhere in the app
  • Phase 2 · Edit Program screen: A/B test against the existing plan-creation flow, 2–4 weeks to measure engagement and return visits
  • Phase 3 · Preview clips: 1–2 weeks to test once footage exists; reusable across the rest of the app
  • Phase 4 · Recommendations: held for last, since FitOn didn't yet track the signals a recommendation engine would need
← Previous
Supper Club