HabitHero

HabitHero

See Your Progress.

Smash Your Goals.

See Your Progress.

Smash Your Goals.

Project Overview

Project Details

In this King’s College Accelerator case study, I improved HabitHero’s MVP by redesigning its activity tracking - adding clearer insights, goal flexibility, and motivating progress views.

The Problem

Users of HabitHero struggle to stay motivated and track their progress due to limited personalised exercise tracking, clear progress visualisation and a lack of meaningful health insights, resulting in frustration and disengagement.


My Role

UX/UI Designer - user research, ideation, prototyping and usability testing.

Tools

Figma, Miro, User Interviews

Solution

Actionable Data with Dynamic Views

Actionable Data with Dynamic Views


Activity Breakdown: Separating walking vs running steps for more meaningful insights.


Calories Integration: Displaying calories burned alongside steps to make progress more actionable.


Progress Toggles: Allowing users to switch between 1 day, 1 week, 1 month, 6 months, and 1 year views.


Average Steps: Adding contextual performance metrics to help users understand long-term progress.


Adjustable Goals: Enabling users to customise their step goals dynamically to stay motivated.


Activity Breakdown: Separating walking vs running steps for more meaningful insights.


Calories Integration: Displaying calories burned alongside steps to make progress more actionable.


Progress Toggles: Allowing users to switch between 1 day, 1 week, 1 month, 6 months, and 1 year views.


Average Steps: Adding contextual performance metrics to help users understand long-term progress.


Adjustable Goals: Enabling users to customise their step goals dynamically to stay motivated.

Research and Assumptions

Knowns


Users want dynamic progress tracking and goal-setting.

Users value clarity and actionable metrics.

Assumptions

Users would be more motivated and engaged if there were other exercise options

Displaying calories burned alongside activity would increase understanding.

Predictive trends could improve engagement.

Step goal flexibility would increase satisfaction.

User research

M2 F1 38±6

20 minute Interview


Users are not satisfied with the activity options

Users don’t like the way caloric intake vs calories burned is displayed in the MVP

Users want to see trend analysis and currently don’t interact with the tracking fully

Users believe that seeing heart rate trends will provide more meaning than having a target heart rate.

Persona

Storyboard

Design Iteration and Evolution

MVP

Research Insight

Users find activity options limited.

Users dislike how calories in vs. out is shown.

Users want trend analysis.

Users want dynamic goal setting.

Initial Design

Initial Solution

Focused on improving and optimising existing activity options.

Separated calories in vs out on home page

Added different time periods .

Added a goals button.

Final Design

Final Design Decision

Added a running card within the activity section.

Integrated calories burned within the activity section.

changed data visual from line graph to bar graph.

Users can directly click the goal to change it.

User testing (M1,F1) was done on the Initial Solution - helping shape the final Design Decision

Positive findings :

Users found it clear and intuitive to toggle between different time frames when viewing their progress. The interface effectively presented key information, making it easy for users to understand their progress at a glance.

Issues Identified :

Users expressed a desire for key metrics to be consistently displayed across all pages to avoid unnecessary navigation. Scatter graphs were perceived as difficult to interpret, particularly when a larger number of data points were displayed.

The placement of the goal button felt disconnected from the flow. Redirecting to a separate page to adjust goals interrupted the user experience.

Outcomes

If HabitHero were a live product , success would be measured through key retention and acquisition metrics:

User Retention

DAU/MAU Ratio: Indicates habitual engagement by measuring how often monthly users interact daily. A higher ratio reflects stronger product stickiness.

User Retention Rate (7, 30, 90 days): Tracks how many users continue using the app over time, highlighting habit formation and potential drop-off points.

User Acquisition

Sign-up Conversion Rate: Measures how effectively marketing, store presence, and onboarding motivate users to create an account.

Onboarding Completion Rate: Assesses whether onboarding clearly and engagingly guides users into meaningful first interactions—crucial for long-term retention.

Future Opportunities:

To broaden appeal and deepen engagement, I would expand the Activity section to include more exercise options such as resistance training, rowing, swimming, and cycling, catering to a wider range of user goals and routines.

Cal Howarth

Create a free website with Framer, the website builder loved by startups, designers and agencies.