HabitHero
I redesigned the HabitHero MVP to make healthy routines more engaging. By enhancing the points and rewards system and introducing personalised goal tracking and social sharing features, the app encourages users to stay motivated and consistent.
Overview
Outcome
The redesigned HabitHero app clearly communicates user progress and goals to motivate consistent engagement:​​​​
1
The homepage provides a quick snapshot of daily stats/weekly points
2
The dashboard enables goal tracking with instant feedback
3
A focused tracking view highlights progress toward daily goals​
4
Social sharing lets users celebrate achievements
5
Visual rewards / incentives further encourage healthy, lasting habits​​​
​​My Role
-
Led end-to-end product design (User research, journey mapping, usability testing, wireframing, and prototyping)
-
Refined the UI with accessibility, color and typography guidelines
-
Delivered final design for developer handoff.​
Challenges
-
Users were unmotivated and found it difficult to track or measure their progress.
-
The existing MVP lacked personalised goals, regular feedback, and clear progress tracking, making it hard for users to stay engaged and committed to building healthy habits.
Research
User Interview
-
5 in-depth, 45 minutes interviews
-
Users from diverse backgrounds who are moderately active and use health and fitness apps
-
Gathered qualitative data on their experiences and preferences to understand their behaviors, needs, and motivations.
​
Top key insights from the interview:
1
Users need a more personalized progress-tracking system
4
Feedback notifications do not necessarily lead to motivation
2
Users want visual progress-tracking elements
​
5
Social features significantly boost motivation
​
3
Current reward system in the app is unclear
​
6
Users want to track different fitness activities​
​
​User Persona and Journey Map
From the key insights, I developed user persona and user journey map to better understand user behaviors, goals, and frustrations throughout their interaction.
User Journey Map
Visualising the User Journey
User Storyboard​
Created a storyboard for HabitHero's proposed features, reflecting the user's journey and interaction with the app.​
User Flow
Created a user flow diagram, focusing on a task a user might want to complete, that illustrates a happy and unhappy path when users interact with the progress-tracking feature of the HabitHero app.​​
User Flow
Wireframes / Prototype
Low-fidelity Wireframes
Created a low-fidelity wireframes where I translated my ideas into a usable interface that clearly communicates my product idea to diverse stakeholders.
​
Mid-fidelity Wireframes / Prototype
Transformed low-fidelity wireframes into more detailed mid-fidelity wireframes and prototype that effectively communicates my design ideas for HabitHero's progress tracking feature. ​​​​
Mid-Fidelity Wireframe
Usability Testing
Key findings
Conducted usability testing with two participants to evaluate the effectiveness, efficiency, and overall satisfaction of the HabitHero MVP prototype.
​
The sessions revealed both strengths and areas for improvement. With limited time, I prioritised refining the mid-fidelity prototype based on the most critical insights identified through the impact–effort matrix.
​
Critical issue category: "Sharing Achievement"
I was unsure which achievement to share—whether it should be the goal completed for a specific activity or the points earned—so I wasn’t certain where to look."
- Participant A
'Share your achievement' button is not very visible at the moment"
- Participant B
Final Product
High-fidelity prototype
Using insights from usability testing, I refined the experience into a user-centered design that addressed core pain points and produced high-fidelity wireframes and a polished prototype. I also created a complete style guide with the color palette, typography, and logo/icon standards, and prepared detailed handoff notes and annotations to support a smooth developer handoff.
​
Home & Activity - Current
Activity / Step Counts - Current
Rewards - Current
Home & Activity - Suggested
Activity / Step Counts - Suggested
Rewards - Suggested
