Starting with the Foundation: Content Cards

Since cards are how users access and remember their favorite workouts, I tackled these first. The old cards lacked visual hierarchy and didn't help users distinguish between different content types.

The fix: I didn't reinvent the wheel, but made crucial improvements to information hierarchy and visual treatment—all while maintaining the high contrast needed for mirror visibility.

Smart Prioritization Over Feature Bloat

Adding search seemed obvious, but on a full-length mirror, typing mid-workout isn't realistic. Plus, with one engineer, we needed smart trade-offs.

Instead, I focused on contextual navigation:

1. Made active program cards larger and placed them at eye level since that's the first thing users want when they turn on their Mirror

2. Created a dedicated filter page where users could dial in specific workout types

3. Designed the filter levels carefully—the logic mattered more than flashy UI

Designing for Touch and Movement

The Mirror isn't just another screen—it's a vertical, full-body interface that people use while moving. The hardware constraints drove every design choice:

Larger, high-contrast touch targets for sweaty fingers and mirror reflections

Top-heavy layout with primary actions in the upper third to avoid bending

Simple tab and filter system that works with quick gestures and maintains contrast requirements

The Result

The new navigation transformed how users discovered content. We went from a cluttered, hard-to-scan home screen to a system that could grow with the content library.

Most importantly: We added a weekly streak feature to keep users motivated—because for a fitness product, forming habits is everything.

The interface now supports 40+ pieces of content without feeling overwhelming, and the touch-first approach makes finding workouts feel natural, not like fighting with technology.