Designing a Healthy Eating App

Design and development of a mobile app that helps users build healthy eating habits and track their daily nutrition. The app was created to make healthy living simple and enjoyable — with intuitive design, personalized meal tracking, and insights to support users on their journey toward better health and balanced nutrition.

Figma file here

Challenge

The main challenge was to design an app that allows users to effortlessly plan their meals and snacks while keeping track of their daily nutrition and hydration goals. The goal was to create a platform that combines recipe suggestions, meal scheduling, and grocery list automation — all in one intuitive interface.

Balancing functionality and simplicity was key: users needed to see their daily macronutrient progress (proteins, fats, carbohydrates, and calories) without feeling overwhelmed. Additionally, ensuring seamless synchronization between meal planning, grocery tracking, and water intake posed both design and usability challenges.

Results

The final concept resulted in a user-friendly, visually consistent design system that connects all key features — meal planning, grocery management, water tracking, and daily progress monitoring — in one seamless flow.

Through usability testing and prototype evaluation, the app structure was optimized for clarity and engagement. Each screen was designed to guide the user naturally — from selecting meals to viewing nutrition details and managing grocery items — ensuring a smooth and logical user journey.

Stack

Process

Research & Analysis: I conducted a competitive analysis to identify gaps and opportunities in existing meal planning and tracking apps.

User Flow & Information Architecture: I created optimized user flows to reduce the number of steps needed to complete key tasks and built an information architecture that connects all main features — meal planning, groceries, and progress tracking — into a logical structure.

Wireframing: I developed low-fidelity wireframes and explained design decisions behind layout and functionality choices to ensure a smooth user experience.

Design System & Final UI: I created a consistent design system including colors, typography, and components, and finalized a clean, intuitive user interface aligned with the overall concept of healthy living.

The Core of Healthy Bites

Healthy Bites lets users add meals to their daily plan — breakfast, lunch, dinner, or snacks — from categorized recipe lists.
Each dish includes calculated calories and macronutrients, as well as a step-by-step recipe.
Based on the selected meals, the app automatically generates a weekly grocery list, helping users save time and stay consistent with their nutrition goals.

Calorie & Nutrition Tracker

Another key feature of Healthy Bites is the calorie and macronutrient tracker — giving users the ability to personalize their goals and visualize their progress in a clear, motivating way.

Set personalized calorie and macronutrient goals.

Dynamic charts make tracking calories and macros simple, visual, and motivating.

Problem

Users struggled to maintain consistent nutrition habits because most apps were either too complex or lacked flexibility in adjusting calorie and macronutrient goals.

Solution

Healthy Bites introduced a simple, interactive system where users can set daily calorie targets and dynamically adjust protein, fat, and carb ratios based on their goals.

Reasoning

This approach gives users full control while keeping the experience clear and visual — reducing the cognitive load and making goal-setting intuitive and engaging.

Result

The final design combines simplicity with functionality, allowing users to easily track their nutritional progress through dynamic charts and personalized insights — making Healthy Bites stand out as a balanced, user-centered solution.

Result

Solution

Healthy Bites introduced a simple, interactive system where users can set daily calorie targets and dynamically adjust protein, fat, and carb ratios based on their goals.

Reasoning

This approach gives users full control while keeping the experience clear and visual — reducing the cognitive load and making goal-setting intuitive and engaging.

Problem

Users struggled to maintain consistent nutrition habits because most apps were either too complex or lacked flexibility in adjusting calorie and macronutrient goals.

Dynamic charts make tracking calories and macros simple, visual, and motivating.

Dynamic charts make tracking calories and macros simple, visual, and motivating.

Problem

Users struggled to maintain consistent nutrition habits because most apps were either too complex or lacked flexibility in adjusting calorie and macronutrient goals.

Solution

Healthy Bites introduced a simple, interactive system where users can set daily calorie targets and dynamically adjust protein, fat, and carb ratios based on their goals.

Reasoning

This approach gives users full control while keeping the experience clear and visual — reducing the cognitive load and making goal-setting intuitive and engaging.

Result

Dynamic charts make tracking calories and macros simple, visual, and motivating.

Set personalized calorie and macronutrient goals.

Hydration Tracking

Users can log not only water but also other drinks like juice or coffee.
Each beverage automatically contributes to the daily calorie intake, helping users maintain a realistic overview of their nutrition and hydration habits.

Conclusion

Healthy Bites was more than a design challenge — it was a journey in understanding user motivation and behavior.
I learned how to transform data-heavy functionality into a smooth, emotional experience that keeps users engaged and empowered.