Back to Design
Levelet
Social habit tracker — UX case study
Mobile appUX designGamificationSocial

01

Project overview

  • This is a personal project completed during the Google UX Design course.
  • I’ve used habit trackers myself, but something always felt missing to sustain my motivation.
  • For this project, I wanted to address the question: “How do users stay motivated and have fun while making habit changes?”

My role: UX researcher and designer
Tools used: Figma, Claude Code

02

Research goals

  • 1Identify the pain points people experience when using habit trackers.
  • 2Understand the goals and motivations that sustain new habit changes.
  • 3Investigate the potential benefits and drawbacks of competition and/or social engagement with others when habit-building.
03

Methodology

  • Competitive analysis: to understand the current market of digital habit trackers, what market gaps exist, and what current users are experiencing.
  • User interviews and empathy mapping: to understand users’ needs and pain points.
  • Usability testing: to evaluate usability of prototypes.

Competitive analysis

  • Habitshare: dull visual design. Fewer customization options (e.g., how much water or how many steps). Not gamified.
  • Habitica: gamified, but many bugs. Quests are not clear. Confusing UI (e.g., where do you add friends? What are your “goals”?).
  • Finch: self-care focus tracker app. Can add custom goals, but only yes vs. no completion. Cute characters with adventures. Less focus on habits specifically. No competitive mode.

Participants

N
Participant N
25 years old · Woman · South Asian · Full-time student
Digital & paper habit trackers
K
Participant K
25 years old · Woman · East Asian · Part-time student & part-time nurse
Digital habit tracker
L
Participant L
23 years old · Woman · East Asian · Working full-time
Digital & paper habit trackers

User interviews

Example interview questions
  • 1
    What motivated you to use a habit tracker in the past?
  • 2
    Were there times where you stopped using the tracker? What made you stop?
  • 3
    What did you like about having a habit tracker?
  • 4
    How do your friends or family play a role in your habit goals?
  • 5
    When playing games with friends and family, do competitive or cooperative modes feel more fun for you? Why?
  • 6
    Looking back on times you’ve implemented a habit change in your life, how did you identify the change? What were your thoughts and feelings when you recognized your success?
Example empathy map
Participant N
Says
  • –“Whenever things get more hectic in other areas of my life, I lose motivation to keep up with my tracking.”
  • –“I like visually seeing the progress I make when using a tracker.”
  • –“A shared tracker makes the experience of achieving my goals more enjoyable through friendly competition.”
  • –“When I reap benefits in other areas of my life through lifestyle changes, it motivates me to keep going and makes me feel proud of the progress I have made.”
Thinks
  • –Having visuals when tracking progress helps them feel motivated
  • –Likes competitive modes more because it pushes them to do better, but co-op modes are nice too for group bonding
  • –Successful habit changes have a cascading effect on other areas of life and encourages a positive feedback loop
Does
  • –Wants to build a healthier lifestyle
  • –Wants to wake up earlier
  • –Wants to be more mindful with their diet
  • –Trying to walk more as a form of exercise. Struggled to be consistent with exercise in the past
  • –Using a digital tracker to track daily steps
Feels
  • –Frustrated because the app doesn’t let you manually enter steps
  • –Motivated and also pressured when friends and family are aware of their goals
  • –Feels proud of their progress when they notice lifestyle changes
  • –Feels shame when unsuccessful in changing a habit
04

User persona

Persona avatar — Natalie
Natalie
25 years old · East Asian Woman · Toronto, ON
  • –Currently in graduate school with a busy, packed schedule
  • –Has trouble finding time to meet personal goals outside of school — including exercise, hobbies, and building relationships
  • –Has used digital habit trackers before but always fell off track with her goals
05

Problem statement for design

Natalie is a 25-year-old graduate student in Toronto who wants a better balance between school and other areas of her life. As a busy full-time student, she wants to find a way to commit to her exercise and hobby goals. She needs an app that helps her track her daily habits and feels fun and exciting, so that it keeps her motivated and engaged.
06

Low-fi wireframes

Handwritten low-fi wireframe sheet 1
Handwritten low-fi wireframe sheet 2
Handwritten wireframes — first ideation
Figma low-fi wireframe sheet 1
Figma low-fi wireframe sheet 2
Welcome flow and core screens in Figma
07

Low-fi usability testing

User feedback
08

High-fi design

Levelet sticker sheet
Created a sticker sheet to keep all my visual design choices consistent. This includes the typography, colour palette, buttons, and the Levelet characters I drew.
High-fidelity screens
High-fi mockup screens 1
High-fi mockup screens 2
High-fi mockup screens 3
Changes from low-fi wireframes
  • The quest page now makes it clear that quests must be done with friends.
  • Jolts listed on the Jolts page now include a progress bar.
  • The Levelet starts as a creature already — not as an egg. I think this makes it more interesting from the get-go.
  • Added a screen showing the Levelet level up.
09

Reflections & next steps

  • A very fun first personal project! As an experienced researcher, I enjoyed seeing how research can be applied to a digital product. It was also very rewarding to design the app from start to finish and experience the entire product lifecycle.
  • Another usability study with the high-fi prototype would be beneficial. Users can provide feedback on specific design elements and test out multiplayer functions with races and quests.
  • I am currently working on vibe-coding Levelet with Claude Code! Stay tuned for the final product.