One Tab, All Fitness: Simplifying Discovery

Role

Lead designer

Categories

Interaction Design
Information Architecture
Content Strategy

Team

Product Owner
3 Engineers

With over 12,000 workouts and 140+ programs, BODi’s catalog is a powerful competitive advantage, but also the biggest usability challenge. Programs lived in one tab, standalone workouts in another, and filtering capabilities varied between them.

Prototype-first storytelling

Prototype-first storytelling

To guide this project, I led with an interactive prototype to help advocate for the new experience and garner stakeholder trust and enthusiasm.


This hands-on approach made abstract IA and taxonomy decisions tangible, helping build consensus and excitement around a unified content model.

Disjointed experience

Disjointed experience

The old Programs tab was complete cognitive overload—an endless scroll of program cards labeled with internal jargon that confused users.


The Classes tab wasn’t much better: terms like Blocks and Super Blocks created friction, while broken search and filtering left users frustrated. And design-wise, there are clear inconsistencies we had to address to streamline UX and solidify a cohesive look.

User research during our discovery phase
User research during our discovery phase
User research during our discovery phase

A lot of my iterations were rooted in user feedback. One user wrote, “The sort/filter function of the workouts is terrible. There needs to be more search functions.”

Figma iterations rooted in bringing filtering to the forefront.

Learnings, so far

Learnings, so far

User research during our discovery phase
User research during our discovery phase
User research during our discovery phase

Prioritizing Android, we're discovering users are spending more time exploring content through our filters and new discovery patterns, and less via search. We're going to continue monitoring journeys as the experience ships on iOS.