Skip to main content
← Back to work

Redesigning the exercise list to feel like part of a program, not just a to-do list

A focused UI refresh that added context and purpose as part of a broader rebrand

Role
UI/UX Designer
Timeline
2 weeks
Scope
Program page redesign
Platform
iOS
Context
pºMotion was expanding into youth sports and undergoing a broader visual rebrand. The program page needed to evolve with it.
Problem
The page was built for professional athletes who just wanted to start. Youth athletes needed more: context, motivation, and a sense that their program was tailored to them.
Solution
I led a UI refresh of the program page, restructuring existing information (time, exercise count, equipment) into a clear hierarchy and improving visual flow while keeping scope tight.
Outcome
Shipped in 2 weeks. Youth athletes could understand their workout at a glance and felt rewarded for completing it.
Before and After
Before: Professional athlete view showing Day 41 with exercise preview cards and minimal context

Before: Pro athlete view

After: Youth athlete view showing Day 1 with session time, exercise count, equipment needed, and detailed workout lineup

After: Youth athlete view

Read Full Case Study ↓

An interface built for professionals didn't translate to youth athletes

pºMotion was expanding into youth sports, a new vertical with different user expectations. The program page had been designed for professional athletes who understood their training and just wanted to get started. For them, a minimal exercise list worked perfectly.

For youth athletes, it fell flat. When they opened the app, they saw a list of exercises with no explanation of what they were working on, how long it would take, or why it mattered. The only progress indicator was a boring counter: "Workouts Completed: 1."

Old design showing Day 41 workout with exercise preview cards, compliance counter, and minimal context for professional athletes

The old design: minimal context, just a compliance counter

For youth athletes used to engaging, modern apps, this felt basic and unmotivating. There was nothing to signal that their program was personalized, purposeful, or worth coming back to.

Two decisions that made the program page work for youth athletes

Decision 1: Reorganize Information Architecture

The Problem: Critical information was scattered throughout the page. "Days" and "compliance counter" at the top were meaningless to youth athletes. Practical info (time, equipment) was buried at the bottom near the CTA. Athletes couldn't quickly answer "What am I about to do?"

My Thinking: Youth athletes need to scan and understand in 5 seconds before they commit. If they can't immediately see duration, what equipment they need, and what they'll be working on, they'll bounce. The most important information needs to be at the top, not scattered.

The Solution: Created a session overview card at the top with duration & exercise count (how long, how much), required equipment (what they need), "In progress" status badge (where they are), and moved compliance/days language out.

Why It Worked: Athletes could understand their workout at a glance. No hunting for basic info, no confusion about "Day 41" terminology that didn't resonate with youth users.

Decision 2: Making Exercise Names Understandable for Youth Athletes

The Problem: During conversations with athletes, a common frustration surfaced:

"I just want to know what I'm targeting or where I'm supposed to feel the stretch."

Many youth athletes didn't understand the exercise names in their workouts. Terms like "Scalene Stretch" or "Thoracic Rotation" were technically accurate but unfamiliar. When athletes couldn't tell what body part an exercise targeted, the workout felt confusing and disconnected from their body. The naming assumed anatomical knowledge they didn't have.

My Thinking: Youth athletes aren't physical therapy patients. They shouldn't need medical terminology to understand their workout. If an athlete sees "Scalene Stretch" and doesn't know it works the neck, the movement feels abstract. Without clarity on what they're targeting, it's harder to perform the exercise with intention and confidence.

The Solution: Rather than renaming exercises, I introduced clear body-area categorization (e.g., "Neck," "Shoulders," "Core") so athletes could instantly understand what they were working. The body-region label gave context to technical terms without sacrificing accuracy.

Why It Worked: Athletes could quickly scan their workout and understand its structure. Even if the exercise name was unfamiliar, the body-area category clarified its purpose. By anchoring clinical terminology to intuitive body regions, we made workouts feel more accessible and intentional, especially for youth athletes new to structured training.

Before: Exercise list without body-area categories, just technical names

Before: Technical names, no context

After: Exercises categorized by body area (Neck, Shoulders, Core)

After: Body-area categories added

What I would carry into any new vertical or audience shift

New Audiences Need New Assumptions

What worked for professionals didn't work for youth athletes. Designing for a new audience means starting from their needs, not adapting the old solution.

A Smaller Scope Ships and Teaches

Cutting features was the right call. A focused foundation gave us something real to learn from instead of an ambitious vision that never shipped.

Context Over Instructions

Athletes wanted to understand purpose, not just follow steps. Grouping exercises by body area made the workout feel intentional instead of like a random checklist.

Next Project
[LA County Asset Tracking hero image]
1600x500px recommended
LA County Asset Tracking

Unblocking the Pipeline: Reducing Shipment Processing from 1 Week to 2 Days