leafit

Brief

Design an app that helps users keep a food diary, control calories and protein/fat/carb balance, log workouts, and track progress. Bring these features together in a clear interface for phones and tablets on iOS and Android.

Process

We mapped app structure and user flows, then designed screens for the food diary, adding foods and workouts, recipes, a gluten scanner, progress, and profile. UI and a component system followed iOS Human Interface Guidelines and Material Design 3, with tablet layouts adapted for larger screens.

Solution

The home screen shows daily calorie balance, macro indicators, meals, and calories burned. Charts and gauges give a quick read on progress; add actions keep daily logging within reach.

Individual calorie targets, product search, barcode scanning, and a gluten scanner help verify products. Recipes, workout logging, intermittent fasting tracking, and progress views round out the feature set.

Tablet layouts use multi-panel compositions for browsing and editing on a large screen. A green palette, strong typography, and clear metrics define the Leafit visual style.