Menutri

Menutri

This is a UI/UX Design Project in my university that I teamed up with 2 others to create a prototype for an app of healthy-eating planning & delivery.

Roles

User Research, UX & UI Design, Prototyping

Tools used

Illustrator, Adobe XD (for design & prototype), After Effects (for presentation)

Features

Menutri is a mobile app that recommends healthy meals based on user personalizations and provides a tracking system of consumed energy and their body status. Also, it comes with a food delivery service for those who do not have time to cook or cannot cook.

💪

Body status tracking & analytics

🍽

Healthy eating plan

🚴‍♂️

Food delivery

Working Demo

You can view the interactive-demo video below to understand clearly how this app works.

User Research

Our team had done some interviews and surveys with our friends, moms and conducted 3 personas for our product with different ages, habits and goals.

Persona 1

Tuan - Student

Age range

18-25

Focus

Gain weight and healither diet.

Habit

Cook at home and order via apps.

Persona 2

Lan - Officer

Age range

26-35

Focus

Gain weight and healither diet.

Habit

Loose weight and diversity in daily meals.

Persona 3

Huong - Housewife

Age range

36-50

Focus

Healthy and nutrient meals for family.

Habit

Cook at home.

With these personas, we know what and how we should focus on when designing this app.

User Flow

The chart below summaries the flow to use this app, which begins with the onboarding, login, then personalization settings, meal plan, finally food delivery and body tracking.

User Flow

Branding

The branding is bold, young and clean. The logo is simple, which is a combination of fruit icon and "e". Also, it comes with a trendy illustration style to make the app more friendly.

Personalize

To provide the best diet-meal recommendations, Menutri personalization section allows the user to add customizations based on body goals, religions, and eating habits.

The user can input their current height and weight.

Diet

The religion-based food recommendation is available too.

Meal Planning

On the home screen, there is already a planned menu every day. If any dish in the menu is not appropriate, Menutri will recommend an alternative. The user can also drag the timeline to view their eating history and add what they had eaten outside the recommended menu.

Meal Plan

Homescreen - Recommeded meal plan

Meal Select

Meal selector - 3 methods: Recipe, Order, Input

Diet Tracking

Menutri also comes with a diet tracking system that helps track body status and suggests how to improve it.

Meal Plan

Diet tracking - Nutrient (Carbs, Fat, Protein)

Meal Select

Diet tracking - Weight

Delivery

Of course, it comes with the built-in delivery service, where the service can get income.

Shipping 1

Shipping 2

Shipping 3

Shipping 4