NomNom Stats – Calorie Tracking App

NomNom Stats is a modern calorie-tracking and wellness companion designed to help users understand their eating habits, plan meals, and maintain a healthier lifestyle. I designed the full mobile experience, including onboarding, goal setup, home dashboard, AI features, scanning functionality, nutritional insights, and reminders.

Mobile App

UX/UI Designer

30-11-2025

NomNom Stats_UI/UX Thumbnail

What is it

NomNom Stats allows users to manage their daily health journey through a set of intuitive tools

  • Track calories and macronutrients

  • Plan meals based on personal calorie goals

  • Log daily water intake

  • Receive meal reminders

  • Use AI Chat for meal planning and nutrition guidance

  • AI-powered calorie scanner that detects calories from food images

  • In-app notifications

  • Weekly & yearly statistics to monitor progress

The app was designed to feel friendly, simple, and motivating, making calorie tracking accessible for beginners and enjoyable for daily use.

Home_Statistics_Food scan

What are the challenges

The main challenges were

  • Designing a multi-step onboarding process that collects all essential health data without tiring the user

  • Presenting nutritional information clearly without overwhelming beginners

  • Making AI scanning and AI chat feel integrated and natural

  • Creating a dashboard that serves as both a quick overview and a detailed nutrition assistant

  • Ensuring the design feels motivating, not stressful

The methods I followed

I approached the design through practical UX techniques rather than strict frameworks:

  1. Competitor Analysis – Reviewed top fitness and calorie apps to identify gaps

  2. User Journey Mapping – Planned daily flows: waking up → logging meals → scanning food → checking stats

  3. Wireframing – Built low-fidelity sketches for each step of the experience

  4. High-Fidelity UI Design – Developed a calming, wellness-driven design system

  5. Prototyping – Crafted interactive prototypes to validate flows and micro-interactions

  6. Iteration – Refined based on test feedback and visual clarity needs

Final design

The final screens include:

  • Onboarding Flow: Goal selection, activity level, dietary preference, calorie target

  • Home Dashboard: Daily calories, macro breakdown, water intake, meal plans, quick add food

  • Scanner: AI-powered calorie and macro detection using camera

  • AI Chat: Smart suggestions, nutrition planning, and personalized meal advice

  • Food Log: Add and review meals throughout the day

  • Statistics: Weekly and yearly calorie activity overview

  • Notifications: Gentle reminders for meals, water intake, and progress updates

  • User Profile management

  • Settings

The interface uses a green wellness-focused color palette, soft illustrations, and clean typography to create a positive emotional experience.

Onboarding Screen
Set your profile
Complete Authentication flow
Overview of the complete project

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