Work

Designing HERCS: An AI-Powered, Sensor-Driven Fitness App

Timeline:

Feb 2023-October 2023

Timeline:

Feb 2023-October 2023

Timeline:

Feb 2023-October 2023

Role:

Product Designer (mobile & web)

User Researcher

Role:

Product Designer (mobile & web)

User Researcher

Role:

Product Designer (mobile & web)

User Researcher

Collaborators:

Product Manager

Development Team

Collaborators:

Product Manager

Development Team

Collaborators:

Product Manager

Development Team

Tool:

Figma

Adobe After Effects

Tool:

Figma

Adobe After Effects

Tool:

Figma

Adobe After Effects

A Walkthrough of My Work

Project Overview

What is the project

The HERCS Mobile App and eBell transform weightlifting with smart, real-time tracking and optimization

Launched in 2021 by a passionate team of NYC fitness enthusiasts, HERCS™ introduces eBell—an innovative, auto-detecting fitness attachment designed for weightlifters. Coupled with a versatile mobile app, eBell adapts to various gym equipment, providing users with real-time tracking, personalized feedback, and AI-driven training insights.

Target Audience

Fitness tracking fails both beginners and enthusiasts, here's why

Fitness tracking fails both beginners and enthusiasts, here's why

We talked to 12 weightlighters across various fitness levels to explore their tracking experiences.

🤯 Too many options, hard to know what’s right.
📉 Plans didn’t adapt to their progress or needs.
🧩 Wanted personalized feedback, got vague advice.

Project Goal

How might we provide weightlifters with accurate, real-time tracking and personalized guidance to effectively optimize their workouts?

The Solution

Smart adaptive fitness tracking that boosts engagement by 13.7% and user satisfaction by 23.3%

Smart adaptive fitness tracking that boosts engagement by 13.7% and user satisfaction by 23.3%

With the challenges of target audience clearly identified, we’ve designed a user journey that improves their workout experience.

Timeline

I started the project in Feb 2023, and for about 7 months, I took ownership of the HERCS App design to the stage where we are preparing for the App to launch. On the side, I also designed HERCS’ website which was launched in July 2023.

Design Journey

What preparations did I make for the design phase? Let's explore my design journey!

Competitor Analysis

We found that individuals commonly enhance their fitness through personalized workout plans, strength-building exercises, and active participation in fitness communities

We selected a leading company from each category for our study.

Fitbod

Personalized fitness plans and tracking.

Tonal

Guided strength training, real-time feedback, and data analysis

Peloton

Interactive fitness with live classes, metrics, and community

Fitbod

Personalized fitness plans and tracking.

Tonal

Guided strength training, real-time feedback, and data analysis

Peloton

Interactive fitness with live classes, metrics, and community

Design Goals

The goal is to design an intuitive, motivating experience that supports weightlifters in the moment while building lasting engagement over time.

Personalized Plans

Easily set up tailored workouts based on goals and fitness level.

Real-Time Tracking and Support

Track performance live and get on-the-go feedback and support through a simple interface.

Post-Workout Insights

Review progress with detailed analytics and adjust future plans accordingly.

Personalized Plans

Easily set up tailored workouts based on goals and fitness level.

Real-Time Tracking and Support

Track performance live and get on-the-go feedback and support through a simple interface.

Post-Workout Insights

Review progress with detailed analytics and adjust future plans accordingly.

Initial Ideation

How can we integrate HERCS's experience into the current user journey to help resolving the pain points?

User insights shaped our initial wireframe, focusing on personalized plans, real-time tracking with eBell, and post-workout analytics.

Onboarding

Testing & Iterations

We first needed to understand each user’s weightlifting background, goals, and available equipment to design effective workout plans.

We first needed to understand each user’s weightlifting background, goals, and available equipment to design effective workout plans.

Onboarding is key to HERCS—it's how we gather user goals, experience, and equipment to create personalized workout plans.

Onboarding is key to HERCS—it's how we gather user goals, experience, and equipment to create personalized workout plans.

We defined four key questions to ask at the start:

What is your main workout goal?

How often do you want to work out each week?

What equipment do you have access to?

What areas do you want to focus on more?

What is your main workout goal?

How often do you want to work out each week?

What equipment do you have access to?

What areas do you want to focus on more?

Testing & Iterations

I initially designed a questionnaire-style flow based on these prompts.

I initially designed a questionnaire-style flow based on these prompts.

Users would go through a linear set of multiple-choice questions to quickly input their goals and preferences.

The list felt tedious and limiting

The list felt tedious and limiting

The list felt tedious and limiting

More Engaging and Flexible?

The list felt tedious and limiting

More Engaging and Flexible?

However, during user testing, we heard feedback: it lacked personality and flexibility.

The list felt tedious and limiting, and some users wished they could explain their needs in their own words.

How might we make onboarding more engaging and flexible-while still collecting structured data?

Design Solution

Reframe the questionnaire as a consultative experience.

Reframe the questionnaire as a consultative experience.

To address this, I initiated a collaborative session with stakeholders and proposed a new direction:

To address this, I initiated a collaborative session with stakeholders and proposed a new direction:

Instead of only offering predefined choices, we would also allow users to describe their goals in natural language.

Flexible Input

Guided Path

Flexible Input

Guided Path

Personalized Plan

Personalized Plan

The final onboarding design offers a dual experience:

1. A flexible input field where users can describe their needs directly to the AI.

2. A guided path with multiple-choice questions.
The AI coach processes user inputs to generate a personalized workout plan.

Users are welcomed with a tailored routine that reflects their goals, schedule, equipment, and focus areas.

Consultative Experience

Consultative Experience

Consultative Experience

Consultative Experience

Workout Session

Challenge

We were unsure whether users prioritized focus on the current exercise or access to their full workout plan.

Early user interviews showed they wanted both real-time data and visibility into their overall session.

Early user interviews showed they wanted both real-time data and visibility into their overall session.

Hypothesis 1: Users prefer an immersive, focused workout view

We believed users would benefit from a cleaner interface that highlights the current exercise, allowing them to concentrate with fewer distractions, while accessing the full workout list only when needed.

Accessible Plan

Hypothesis 2: Users want constant access to their workout plan

We assumed users would prefer to see the full session at all times so they could track their progress, review upcoming exercises, and make adjustments during the workout.

Immersive View

Immersive View

Immersive View

Hypothesis 1: Users prefer an immersive, focused workout view

We believed users would benefit from a cleaner interface that highlights the current exercise, allowing them to concentrate with fewer distractions, while accessing the full workout list only when needed.

Accessible Plan

Hypothesis 2: Users want constant access to their workout plan

We assumed users would prefer to see the full session at all times so they could track their progress, review upcoming exercises, and make adjustments during the workout.

Immersive View

Immersive View

User Testing

I conducted a focus group with early users and gave them both prototypes to try. Most users preferred the immersive view.

Citing two main reasons:
• A cleaner, less distracting interface helped them concentrate
• They usually reviewed the workout plan beforehand and rarely needed to adjust it during training

Citing two main reasons:
• A cleaner, less distracting interface helped them concentrate
• They usually reviewed the workout plan beforehand and rarely needed to adjust it during training

Hypothesis 1

Immersive View

Immersive View

vs.

Hypothesis 2

Accessible Plan

Accessible Plan

Hypothesis 1

Immersive View

vs.

Hypothesis 2

Accessible Plan

User Testing

To deepen our understanding, I also launched a short survey asking users to rank workout support features by importance.

Across 20 responses, the results were clear:
Users told us they value clarity and real-time support during their workouts more than constant access to the full plan.

Across 20 responses, the results were clear:
Users told us they value clarity and real-time support during their workouts more than constant access to the full plan.

“Exercise Demo” ranked highest, with real-time metrics and AI guidance tied closely behind.
The exercise list ranked lowest—reinforcing our decision to keep it as a secondary view.

"As long as I can see how to do the movement and track my performance, I don't really need to check the full plan."

"As long as I can see how to do the movement and track my performance, I don't really need to check the full plan."

-Jacqueline, fitness beginner, 29 yrs old

Exercise Demo

Real-time Metrics

AI Guidance

Exercise List

Exercise Demo

Real-time Metrics

AI Guidance

Exercise List

Design Solution

A Guided, Focused Exercise Experience

Based on user insights, we designed the exercise session screen to center the experience around what users value most: a clear exercise demo and real-time performance metrics, while AI guidance is integrated seamlessly across the session.

Based on user insights, we designed the exercise session screen to center the experience around what users value most: a clear exercise demo and real-time performance metrics, while AI guidance is integrated seamlessly across the session.

We focused the session view on the exercise demo and real-time metrics to keep users engaged.

A video demo shows proper form and tempo, paired with real-time metrics from the eBell sensor.

Subtle Prompts

Subtle Prompts

To further support users during their workout, we introduced two tiers of AI guidance:

Form Corrections

Form Corrections

The first tier of guidance offers light, encouraging prompts during the workout.

During workouts, the AI offers light voice and text prompts—like “Push harder”—to motivate without breaking focus.

Performance Summary

Performance Summary

The second tier of guidance delivers corrective feedback when form issues are detected.

When the eBell detects risky form, the AI steps in with a clear alert and offers a quick tutorial to help users correct it and avoid injury.

After each session, users receive a quick performance summary with key metrics.

The AI coach then provides personalized suggestions—adjusting weight, frequency, or intensity based on recent performance—to help users progress safely and consistently toward their goals.

Real-Time Metrics

Real-Time Metrics

Real-Time Metrics

Real-Time Metrics

Project Takeaways

Working on the HERCS eBell project was more than a design challenge—it was an exploration of how emerging technology and human-centered design can work hand in hand. From day one, I immersed myself in the lives of real users—weightlifters with diverse goals, routines, and frustrations. Their stories didn’t just inform the product; they shaped it.

This wasn’t about tweaking UI elements in isolation. It was a collaborative, iterative process where we constantly adapted features in response to user feedback. Every prototype tested, every insight gathered brought us closer to a solution that felt not just smart, but personal.

As a designer, this project reinforced one of my core beliefs: great design doesn’t just solve problems—it evolves with people. If I had more time, I’d dive deeper into personalizing the experience, perhaps introducing predictive insights that anticipate user needs before they’re even expressed. HERCS reminded me that the best products aren’t just built—they’re learned, tested, and grown.

Working on the HERCS eBell project was more than a design challenge—it was an exploration of how emerging technology and human-centered design can work hand in hand. From day one, I immersed myself in the lives of real users—weightlifters with diverse goals, routines, and frustrations. Their stories didn’t just inform the product; they shaped it.

This wasn’t about tweaking UI elements in isolation. It was a collaborative, iterative process where we constantly adapted features in response to user feedback. Every prototype tested, every insight gathered brought us closer to a solution that felt not just smart, but personal.

As a designer, this project reinforced one of my core beliefs: great design doesn’t just solve problems—it evolves with people. If I had more time, I’d dive deeper into personalizing the experience, perhaps introducing predictive insights that anticipate user needs before they’re even expressed. HERCS reminded me that the best products aren’t just built—they’re learned, tested, and grown.

More work

@ 2024 Portfolio

@ 2024 Portfolio

@ 2024 Portfolio