Calori-chan

Side project

  • App
  • Design system
  • Health & Wellness

Built in three months with a developer friend, Calori-Chan gamifies nutrition, hydration, and activity tracking. Using UX research and smart gamification strategies, we created a mobile experience that turns healthy habits into a fun and effortless part of your day.

  • Product Designer
  • 2 members
  • 3 months
Title board for the Calori-Chan case study: the app's logo, a smiling steamed bun in a bamboo basket, beside its name.

Challenges

We had to build a level system to encourage daily use, while keeping tracking simple. The challenge was making meal and habit logging effortless, so progress felt rewarding without adding friction.

Case study board introducing Calori-Chan as a calorie and meal tracking app, with the problem set out as three bullet points.
Design process board: notes on sketching and ideation beside user flow and sitemap diagrams.

Achievements

• Designed a streamlined booking flow that reduced friction and increased student confidence in booking lessons online.

• Delivered a high-fidelity prototype and scalable design system, enabling the academy to expand its offerings digitally.

• Increased session duration by 20% with clear content strategy and tone.

Wireframe board: four low-fidelity mobile screens, including the login and create-account forms.
Icon board: a grid of navigation icons above a set of illustrated food and drink category icons.
Four app screens: the daily summary, the beverages catalogue, a beverage list and a drink's detail page.
Four app screens: settings, account, profile and all-time statistics.
Four onboarding screens: account details, activity level, goal setting and a confirmation.
Board showing six expressions of the steamed-bun mascot beside the navigation bar in five states.
Four app screens: the day's diary, a monthly calendar and two recipe detail pages with energy and macronutrient breakdowns.