A week of meals, planned around you
About the project
Fiteats is an AI meal planner: tell it how you live and what you can eat, and it plans your meals for the week and writes the shopping list.
Most people know roughly what they should eat. What they run out of is time to plan it: deciding the meals, checking them against a diet or an allergy, counting the protein, then turning it all into a shopping list. Fiteats came to us with the idea of handing that work to an AI, and a product that did not exist yet.
We started with the structure, an information architecture and a full user flow, then worked through 74 wireframes before a single screen was styled. The finished design covers sign up, a five-step onboarding, plan generation, the daily meal view, adding and scanning food, the shopping list, history and preferences: 48 screens in 30 days.
- Client
- Fiteats
- Stage
- New Product, Idea to Design
- Services
- Mobile App Design · UI/UX Design Services
- Platform
- Mobile App
- Timeline
- 30 Days, June to July 2024
The challenge
Eating well was never the hard part. Planning it was.
Fiteats set out four problems its users had. They had no time to plan meals, shop and cook in a busy week. They fell back on the same few dishes until they were bored of them. A vegan, keto or gluten-free diet, or an allergy, made every plan harder to put together. And even a careful plan could miss the balance of protein, carbs and fat they were aiming for.
The calorie trackers we looked at handle the last problem well and leave the rest to you: they count what you ate after you ate it. Fiteats had to work the other way round, deciding the meals before the week starts. That meant the app had to understand a person well enough to plan for them, without making them fill in a form every day to get there.
The product
Plan the week, eat the day, shop the list
One onboarding, one AI planner called Nina, and everything else built on the plan it makes.
Five short steps after sign up: age, gender, weight and height; an activity level from Sedentary to Super Active, each with everyday examples; diet type, allergies and intolerances as chips to tap; then health goals, a target weight, favourite cuisines and the foods you never want to see. It ends on “All set!” and a single Start planning button.
Choose a weekly or monthly plan, confirm your preferences, and Nina, the app’s AI, builds it while a “Sit tight!” screen keeps you company. The plan lays out breakfast, lunch, snacks and dinner for each day, with calories per item and the split of protein, carbs and fat for every meal.
Home opens on a greeting, today’s goal and how far you are through it, the next meal with what is in it, and the rest of the day below. Each meal opens to its items and recipes. Food can be added by searching, from popular and recent searches, or by pointing the camera at it: a scan names the food, its weight, calories and macros, and adds it to a meal.
The shopping list is generated from the plan, meal by meal, with quantities you can change and items you can add. History keeps past days with their meals and nutrition, and Edit Preferences reopens the onboarding answers whenever a diet, an allergy or a goal changes.
The idea
Ask once, plan for weeks
Everything the planner needs is asked in onboarding, as taps rather than typing, with real examples beside each choice so nobody guesses what “Moderately Active” means. After that, the app plans without asking again until you tell it something has changed.
Change it in your own words
No plan is right first time. Instead of a wall of filters, Regenerate opens a single box: write how you would like the plan to change, and Nina rebuilds it. A single meal can be regenerated on its own, so one bad breakfast does not cost you the week.
The list comes from the plan
The shopping list is not a separate chore. It is written from the meals already planned, grouped by meal, with quantities in units people shop in: a dozen eggs, a litre of milk. Edit it, add to it, and you are ready for the shop.
Nutrition at a glance
Every meal carries the same small bar for protein, carbs and fat, and calories sit next to each item, not on a separate screen. The mint of the brand marks progress, so the day’s goal and each meal read at the same speed.
Impact
A meal planner that does the planning
In 30 days Fiteats went from an idea to a complete app design: an information architecture, a full user flow, 74 wireframes and 48 finished screens. Every part of it, from the first onboarding question to the shopping list, works from one plan that the AI makes and the user can change in a sentence.
48
Screens designed
74
Wireframes
30
Days, idea to design
Next project
Betr Journal
How Usarion redesigned Betr, a mental wellness app, around one short daily loop: check in, reflect, and see what lifts you and what drains you.
Book a call
Pick a time that suits you
Get in touch
Let’s build something amazing together
Let’s build somethingamazing together
For product, interface and web-system work that needs clear direction and careful execution.