2022 - 2023 FitTech B2C Web app Digital Coaching Platform

Context

During the pandemic, Exos urgently needed a digital coaching platform to support remote fitness programs. They hired me to redesign the web app and add new features, helping coaches engage with fitness clients from Google, Pepsi, Intel, and the NFL. I led the product design, focusing on the coaching experience and overall UX. I worked closely with the PM and developers to align with technical constraints and ensure smooth implementation.

Problem

The previous design lacks scalability and effective use of screen space, leading to important features and new features being pushed out of view. It also fails to provide discoverability, which could enhance user experience. Here are some key issues:

Previous design image

User Needs

Virtual coaches needed better tools to track member progress, attendance, and engagement. The old design fell short. We created personas from surveys and workshops to understand their needs. Coaches wanted ways to engage remotely with members. Members needed flexible, at-home fitness options.

Coach Persona

Research

I ran a workshop with our PM to uncover coach pain points. We found two key needs: coaches required the ability to monitor members' past activity levels over specific timeframes, enabling them to adjust training programs accordingly. Second, coaches wanted visibility into completed activities, allowing for more personalized engagement with members.

Research insights

My Contribution

I established feedback channels and integrated insights from coaches directly into the design process, ensuring their needs were prioritized. I added several enhanced features and optimized the layout to ensure all elements fit seamlessly within the screen before the fold, effectively reducing wasted space making the Coaching platform effective and exceptional.

Design Explorations

To shape the product vision, I explored diverse layouts and design choices. Lacking a standard design system allowed me to create a unique design language tailored specifically for coaches and their members.

Design System

I created a robust web design system UI kit. My process focuses on quality, consistency, and reusability, ensuring a cohesive user experience for web.

design system

Solution Overview

A streamlined interface for coaches to easily monitor fitness members' progress. Coaches can view each member's profile, including goals, completed assessments, and programs. They can also chat directly with members. The activity feed offers a quick overview of members' workouts and completion rates.

Coach Hub screen

Final Product

This is the fully developed product. You can see how the design comes to life highlighting key interactions and benefits in the live experience.

Before & After

The design overhaul addresses usability issues in the original experience by improving clarity, streamlining workflows, and aligning the interface with user needs—resulting in a more intuitive and efficient product.

Before Image After Image
Before
After

Key Results

Complete Icon

Achieved a 20% increase in app usage frequency, longer session durations, and enhanced interactions between coaches and members, leading to improved coaching effectiveness and higher user satisfaction.

Complete Icon

Enabled accurate logging of activities, coach interactions, and assessment outcomes.

Complete Icon

Both coaches and members reported increased satisfaction through surveys and NPS scores, with coaches especially valuing the visibility into members' activities.

View Other Projects


Back