A mobile app concept that makes healthy eating effortless through smart recipes, ingredient swaps, and calorie tracking.
Fresh Bite was created to solve a real-world problem: eating healthy shouldn't be hard.
With fast, flexible recipes, smart ingredient swaps, and effortless calorie tracking, Fresh Bite empowers users to take control of their health. Whether you're a beginner cook or just busy, Fresh Bite makes healthy eating achievable and enjoyable.
Our goal is to help users easily integrate healthier meals into their daily lives — without stress.
- 💪 Healthy lifestyle members looking to maintain their routine
- 🍳 Beginner cooks who need guidance and confidence in the kitchen
- 🥜 People with allergies who need safe ingredient alternatives
- 🏋️ Athletes tracking calories and macros for performance goals
- ⏰ Busy individuals who want fast, nutritious meal ideas
- Difficulty completing recipes due to missing ingredients
- Challenges finding safe substitutes for allergies or dietary needs
- Difficulty in finding quick, healthy meal ideas for daily life
- Need for simple nutritional tracking and guidance, especially for beginners
We collected user insights through structured interviews with 5 users from different backgrounds (a home cook, an allergy sufferer, a gym athlete, a calorie tracker, and a beginner cook) and distributed a questionnaire to understand daily food habits, cooking challenges, and health goals more broadly.
Key findings shaped our three core features:
- 🚀 Simplicity & Speed — Busy users want fast, easy recipes with clear steps
- 📊 Nutrition Tracking — All users value accurate calorie and nutrition tracking
- 🎨 Personalization — Recipes tailored to goals, ingredients, and dietary needs
Beginner-friendly tutorials, ready-made healthy recipes, and the ability to build custom recipes from ingredients you have at home.
Find healthier, allergy-safe, or available-at-home alternatives for any ingredient in seconds.
Log your meals, get accurate calorie and macro breakdowns, and receive personalized feedback to stay on track with your goals.
Welcome |
 Log In |
 Sign Up |
 Home Page |
 Side Menu |
 Profile |
 Choose Your Way |
 Meal Time |
 Recipes |
 Recipe Detail |
 Ingredient Replace |
 Custom Categories |
 Custom Recipe Suggestions |
||
 What to Swap? |
 Alternative Details |
 Daily Bites Input |
 Search Recipes |
 Macro Breakdown |
 Meal Breakdown |
 Personalized Feedback |
Want to click through it yourself? Check out the full interactive prototype on Figma:
| Principle | How We Applied It |
|---|---|
| 🎯 Consistency | Uniform design across all pages — predictable navigation and interactions |
| ⚡ Feedback | Instant system responses (e.g., suggested alternatives appear immediately on swap) |
| 🛡️ Error Prevention | Disabled "Replace" button until a valid selection is made — preventing accidental clicks |
| 🔀 Flexibility & Efficiency | Beginners follow step-by-step recipes; experienced users build custom meals quickly |
| 👤 User-Centered Design | Every feature was built directly from real user needs uncovered in interviews |
- 🥗 Simplifies healthy eating — Quick, nutritious recipes within easy reach
- 🎨 Personalized experience — Meal and ingredient suggestions based on goals and dietary needs
- ⏱️ Saves time and effort — Easy steps and smart ingredient swaps
- 🎯 Supports health goals — Tracks calories and macros to meet fitness targets
- 🌱 Encourages a healthy lifestyle — Empowers beginners and busy people to eat better without stress
📂 See the full Project Presentation for the complete design walkthrough, interview analysis, and HCI principles breakdown.
This project was designed and built by:
- Enas Alqarni
- Jana Akkad
- Lamis Alghamdi
- Reema Alqarni
- Abrar Alharbi
Course: CCSW-225 — Human-Computer Interaction