View
Project
UI Kit Product Design Health & Wellness

Nutrinova

The ultimate AI-powered nutrition & wellness UI kit designed to bring your health app to life.

Nutrinova — AI-powered nutrition and wellness app screens
Overview

Nutrinova: AI-powered nutrition & wellness UI kit for modern health apps.

Onboarding, social screens, tracking dashboards. Production-ready foundation.

Role

Product Designer

Year

2025

Scope

UI Kit, Design System, Prototyping

Platform

iOS & Android

Scope of Work
Research
User interviews
Competitor analysis
User personas
Design
UI design
Design system
Prototyping
Mobile
iOS & Android
Responsive layouts
Accessibility
The Challenge

Health apps overwhelm users with data, complex navigation, cold clinical interfaces.

Challenge: balance information density with visual clarity. Make nutrition tracking intuitive, engaging, enjoyable. Flexible foundation for health/food-tech developers.

Nutrinova — Scan your meal, AI calculates macros, stay on track
Design System

162 components across 5 atomic layers. WCAG 2.1 AAA compliant colors.

1.250 modular scale. 4 breakpoints. Auto Layout with 340+ variations. Design tokens via Style Dictionary.

Key Features
  • Onboarding Flows

    Personalized sequences for weight loss, muscle gain, balanced nutrition goals.

  • AI-Powered Tracking

    Smart food recognition, automated macro tracking. No manual entry.

  • Social Experience

    Meal sharing, progress celebrations, collaborative challenges.

  • Dashboard System

    Clean, data-rich dashboards with intuitive charts and progress indicators.

  • Design System

    Robust component library with consistent spacing, typography, color tokens. Production-ready.

Nutrinova — Follow your goals with personalized onboarding and tracking setup
Nutrinova — See what your friends are up to with social meal sharing
Explore

See the full
project

View on UI8
Next Project

baraka

Investment App