Hint Nutrition Care Mobile App UI/UX Case Study by Thanan AthithanHint Nutrition Care Mobile App UI/UX Case Study by Thanan Athithan

Hint Nutrition Care Mobile App UI/UX Case Study

Portfolio project
Thanan Athithan

About Hint

Hint, by Clearcals, is a nutrition care platform that delivers lifestyle interventions to at-risk individuals and patients through one integrated digital platform: medical nutrition therapy, personalised diet plans, health coaching, and preventive and chronic care.

My Role

UI/UX Designer, end to end: user research, journey mapping, wireframes, usability testing, high-fidelity UI and a complete design system for the mobile app and the marketing website. Tools: Figma, Adobe Illustrator and Miro.

The Challenge

People who want to eat better find food tracking tedious. Most diet apps make logging slow, offer few Indian recipes, and leave users unsure what to eat each day. The goal was a simple, personal app that makes daily tracking effortless and connects users with real nutrition experts.

Research & Insights

I interviewed 10 people (6 men and 4 women) who had taken part in an initial problem-fit survey, and ran a competitive analysis of leading health and diet apps.
98% use and enjoy using apps
73% had tracked food and symptoms with pen and paper
58% had already tried health or fitness apps, and none met their expectations
67% use apps to track food intake and symptoms

Defining the Experience

From the research I built a primary persona and mapped the user journey across four stages: onboarding, diet planning, consumption tracking and behaviour change. This shaped the information architecture and the low-fidelity wireframes.

Usability Testing

I tested the wireframes with representative users to check navigation, how intuitive the features felt, and whether people would use Hint every day. Key fixes:
Calorie goals were confusing: redesigned the layout with clearer icons and labels.
Food logging was hard to follow: split meals into breakfast, lunch, snacks and dinner slots, prefilled from the diet plan, so users log food in a couple of taps.

Design System

A reusable style guide and component library (colour, typography and UI components) kept the app consistent and made handoff to developers faster.

Final Design

The final app brings tracking, personalised plans, recipes and coaching together in a clean, calm interface.

Website

I also designed the Clearcals marketing website, carrying the same visual language across web and mobile.

Outcome

Delivered 50+ data-driven visual, information and interaction designs that helped Hint become the investors’ top pick.

0 likes · 2 views · Oct 7, 2026

End-to-end UI/UX design for Hint, a nutrition care app with health coach consultations and custom diet plans: research, journeys, UI and design system.

Tags