Brio AI
Brio AI is a fitness and nutrition app for people new to tracking. It handles calories, fasting and workouts in one place, and users can ask its AI coach about their meals by voice or text.
- Role
- Freelance UI/UX Designer
- Platform
- Mobile App / iOS & Android
- Users
- Fitness · Health · Beginners
- Year
- 2025
The challenge
Calorie counters, fasting timers and workout apps usually live in separate places. Brio puts all three in one app, so the brief was to keep it from feeling crowded for someone just starting out.
Problem
Users need a simpler way to track calories, fasting, and nutrition in one place, without unnecessary complexity.
Solution
Brio AI brings calorie tracking, fasting, and nutrition insights into one simple, personalized experience.
The wireframes
I sketched the feed, workouts, weekly progress and food search in low fidelity first, to settle the navigation before any visual design.
Visual direction
Soft purples and pinks, Satoshi type, a line icon set and a component library of buttons, fields, toggles and segmented controls.
The onboarding
Onboarding asks about fitness goals before sign-up and verification, so the app is personalized from the first screen.
Core screens
The core screens include a community feed, workout routines, suggested meals, weekly progress and an AI assistant that takes voice input.
The complete flow
More than 100 screens cover onboarding, nutrition, progress tracking and AI guidance, all built from the same component set.
100+ SCREENS
