top of page

Menu+

Nutrition diary for people who love to eat out.

( 2022 UI/UX )

iPhone Mockup_3-1440x738.jpg

Overview

Keeping on your nutrition goals while dining out made easy!
An app that simplifies diet while eating in restaurants.
This app is based on location, effortlessly empowering you to make healthier choices .

My Role

UI/UX Design

Tools

 Figma & Google forms

Context

Student project

Problem Statement

Dining in a restaurant becomes frustrating when one is on a diet.
Lately, healthy eating has gained popularity, but dining out remains a challenge and causes most people to give up on calorie counting.

How?

Menus with nutritional values for each restaurant.

Community of users can share the nutrition of meals from restaurants in their area for other users to see.

Food scanner will give you the nutritional values for the food you scan.

Business Opportunities

This app serves as an ideal advertising platform for restaurants committed to nutritional values, offering special deals to app users and enticing potential customers.

Retention:
Attract new customers by publishing a menu with nutritional values in the application.

Logic:
By showing the nutrition menus in the application, customers can enjoy their eating experience without stress.

New tech:
Pique interest in the community of a new potential restaurant around.

Research

I collected useful data from user tasking and comparing the biggest competitors.
I surveyed people who use apps to calculate calories. 

( INSIGHTS )

There is no indication of dish values in a restaurant.

Eating out in a restaurant requires extreme effort to calculate portions.

This causes people to give up counting calories while eating out.

( KEY BENEFITS OF THE APP )

Weight Loss

Gain Mass

Tracking Protein

Maintain Nutrition

Information Architacture

Design system

( COLORS )

( TEXT )

Wireframes 

Scenario 1:

I want to find restaurant around me/watch the menu nutrition's

Hover the mouse over

icons8-touch-50.png

( SPLASH SCREEN )

1.png

( HOME PAGE )

restaurant around me.png

( RESTEURANTS AROUND ME )

restaurant around me (1).png
aroma-open.png

( RESTEURANTS PAGE )

restaurant around me.png
aroma-open.png

(MEAL NUTRITION LIST )

Scenario 2:

 First time meal scanning- Study slider

Hover the mouse over

icons8-touch-50.png
onboarding 8.png
meal scan 10.png
meal scan 11.png
onboarding 7.png
meal scan 12.png
onboarding 6.png
meal scan 13.png
onboarding 5.png

Senerio 3:

Real time food scanner

1.png
meal scan 14.png

(MEAL SCANING WITH CAMERA )

2.png
meal scan 15.png

( MEAL SUGGESTIONS )

Hover the mouse over

icons8-touch-50.png
open suggestions.png
3.png

(SLIDE UP FOE MORE OPTIONS )

meal scan 16.png
2.png

( CHOOSIGNG OPTION )

my diary.png
2.png

(ADD TO DIARY )

Interface

Scanner Study 

Is it your first time scanning?
Short slider that make it easy for understending how to scan your meals for the first time.

Let's Scan!

Now you ready for scan!
After learening how to scan,
aim the camera at the dish, let it scan and choose the right option for you.
Now add to your diary.
Could be easer then that?  

 

Find restaurant around

On a diet and want to eat outside?
The app provide you a list of restaurants menus around with nutriotion list, now you know can eat outside with no worries. 

bottom of page