Beachbody Mobile
Designing a Unified Fitness Experience Across Devices
I led visual and interaction design for new Beachbody app features, focusing on creating a cohesive, motivating experience across TV, mobile, tablet, desktop, and connected bike platforms. The work centered on translating fitness data, content, and brand energy into consistent, scalable UI patterns across very different screen contexts.
Meeting diverse device demands while preserving motivation and clarity.
TEAM INVOLVED
Beachbody’s fitness platform attracted nearly a million active digital subscribers and sustained notable app store visibility, reinforcing the strategic importance of cohesive cross-device design.
Jimmy
Age
28
Location
New York, NY
Occupation
Computer Engineer
Income
$140000
Health Condition
None
Need
Be more healthy
April
Age
42
Location
San Francisco
Occupation
Accountant
Income
$160000
Health Condition
diabetes
Need
Lose Weight
COMPETITORS
Primary competitors each offering subscription-based workout content across mobile and connected devices.
Analysis focused on identifying opportunities in cross-device cohesion, motivational data presentation, and scalable UI systems that could differentiate Beachbody within an increasingly crowded fitness ecosystem.
Creating Consistent Cross‑Platform Patterns
Defined core layout and component patterns that scale across TV, mobile, tablet, desktop, and bike screens
Designed these screens as modular templates, allowing different workout content to be plugged in
Created detailed Figma specifications to document responsive behavior, spacing, typography, and component usage across breakpoints
Tracking Experience — Turning Daily Input into Motivation
Reduced friction in daily logging through contextual actions and simplified entry flows
Highlighted streaks and trend direction to reward consistency
Balanced objective metrics (weight, activity) with subjective input (mood/vibe) to support sustainable habit formation
