Cratox AI, a product design case study

Cratox AI on the App Store
Health
AI
Design System
Liquid Glass
IOS Dev
Branding
App Store
Figma
Figjam
Xcode
Claude Code
Codex
Gitlab
Adapty
Notion
Project delivered in 2025-2026

Brief

Development of an iOS app for monitoring nutrition and personal progress. The goal was to create an ecosystem that centralizes nutrition, physical activity, and the user's goals, reducing the complexity of the process of tracking and making it easier to understand the impact of daily habits on long-term results.

The solution was designed to give users context, feedback, and control over their personal data, making it easier to reach goals through a simple, predictable experience.

My role

Product Designer. Designing and delivering the end-to-end product experience on a custom design system, with a focus on premium UI/UX, smooth micro-interactions, and Apple Liquid Glass at the interface and behavior level.

AI iOS Development. Building the app in Xcode through vibe coding, implementing AI tools for meal tracking, insights, and progress, HealthKit integration, and a monetization system via Adapty.

Co-Product Owning. Contributing to the roadmap and feature prioritization, with direct validation from inside the target audience.

Features

Diary

Your daily nutrition hub

  • Calories tracker
  • Macros & Nutrients tracker
  • Water tracker
  • Meals tracker
  • Activity tracker

Add food

Log meals in seconds

Meal insights

Understand every bite

  • Kcal eaten, this meal, kcal left
  • Meal kcal & macros
  • Custom portion & size
  • Ingredients breakdown
  • Food score with AI
  • Digestive tracker
  • Fix result with AI

Copy from history

Reuse what you logged

  • Copy from another meal
  • Copy to another meal

Favorites

One tap to your go-to foods

  • Favorite foods
  • Favorite meals

Activity

Burn it, log it

  • Exercise manual log
  • Log exercise with AI
  • HealthKit integration

Progress

See your results

  • Track your weight
  • Track your body measurements
  • Goal & plan

Settings

Make it yours

  • Account
  • Preferences
  • Apple Health Sync
  • Connected accounts
  • Support & Legal

Theme

Light, dark, your call

  • System (Auto)
  • Dark
  • Light

Widgets

Your stats at a glance

  • Lock screen widgets
  • Home screen widgets

Wireframes & Ideation

Mapping the flows, the screen hierarchy, and the key interactions, before the visual design.

Wireframes and ideation

Design System

Built on Apple's design system, using the native names for components, colors, and typography.

Design system

Live Product

The final form of the product, launched and available on the App Store.

Live product

Other projects

#
creative
#
pixelperfect
#
showcase