




UI / UX Case Study
Mobile App
Design
Mobile App
Design
Mobile App Design


Project Overview
Project Overview
This app is a great choice for those who are
looking for a comprehensive diet tracking
app. It includes a food database, meal planning
tools, and a community forum.
This app is a simple and easy-to-use diet
tracker. It allows you to track your food intake,
weight loss, and other health metrics.
The Gekko can be a great way to lose weight
and improve your health. Using a Gekko diet app
can make it easier to track your progress & stay
on track.
This app is a great choice for those who are looking for a comprehensive diet tracking app. It includes a food database, meal planning
tools, and a community forum.
This app is a simple and easy-to-use diet tracker. It allows you to track your food intake, weight loss, and other health metrics.
The Gekko can be a great way to lose weight and improve your health. Using a Gekko diet app can make it easier to track your progress & stay on track.

App Goal
App Goal

Help users track their progress on the keto diet.

Provide users with recipes and meal plans that are keto-friendly.

Educate users about the keto diet and its benefits.

App Features
App Features

Users can track the foods they eat, including the number of carbs, fat, and protein in each meal.
Users can track the foods they eat, including the number of carbs, fat, and protein in each meal.

Users can follow pre-made meal plans or create their own custom meal plans.
Users can follow pre-made meal plans or create their own custom meal plans.

Users can learn about the keto diet and its benefits through articles, videos, and infographics.
Users can learn about the keto diet and its benefits through articles, videos, and infographics.

Additional Features
Additional Features

A community forum where users can connect with each other and share tips and advice.
A community forum where users can connect with each other and share tips and advice.

A progress tracker that shows users how their weight, body fat percentage, and other health metrics have changed over time.
A progress tracker that shows users how their weight, body fat percentage, and other health metrics have changed over time.

A personalized meal plan generator that creates meal plans based on the user’s individual dietary needs and preferences.
A personalized meal plan generator that creates meal plans based on the user’s individual dietary needs and preferences.

A keto-friendly restaurant guide that helps users find keto-friendly restaurants in their area.
A keto-friendly restaurant guide that helps users find keto-friendly restaurants in their area.

Design Process
Design Process
Week 6
Week 5
Week 4
Week 3
Week 2
Week 1

Research

Analysis (User Persona)

Ideate (User Flow)

Deliver File (Wireframe & Moodboard / UI Design)
Test



Research
Research
Problem Statement
Many people now a days struggle in their meal planning.
Every day they wake up on the same question “What are
we going to eat today?” & from here the problem arise.
Despite there are some apps that help users in their
process of, planning, something is still missing.
Problem Statement
Many people now a days struggle in their meal planning.
Every day they wake up on the same question “What are
we going to eat today?” & from here the problem arise.
Despite there are some apps that help users in their
process of, planning, something is still missing.



Solution
Learning user’s behaviours, needs, motivations and
frustrations while panning their meals.
Aiming to use the key insights and points in structuring
the app.
Solution
Learning user’s behaviours, needs, motivations and
frustrations while planning their meals.
Aiming to use the key insights and points in structuring
the app.


User Personas
User Personas
Selena Kaif
Selena Kaif
Selena was born in White Sulphur Springs, West Virginia, in1918.
She showed an early aptitude for mathematics, &
she graduated from West Virginia State College with
a degree in mathematics & French in 1937.
Then she taught high school math for a few years before joining the National Advisory Committee for Aeronautics (NACA), the predecessor to NASA, in 1953.
Selena was born in White Sulphur Springs, West Virginia, in1918.
She showed an early aptitude for mathematics, &
she graduated from West Virginia State College with
a degree in mathematics & French in 1937.
Then she taught high school math for a few years before joining the National Advisory Committee for Aeronautics (NACA), the predecessor to NASA, in 1953.
Selena was born in White Sulphur Springs, West Virginia, in1918.
She showed an early aptitude for mathematics, &
she graduated from West Virginia State College with
a degree in mathematics & French in 1937.
Then she taught high school math for a few years before joining the National Advisory Committee for Aeronautics (NACA), the predecessor to NASA, in 1953.
Occupation
Product Designer
Location
San Francisco, CA
Occupation
Product Designer
Location
San Francisco, CA
Occupation
Product Designer
Location
San Francisco, CA
Age
28 year old
Status
Single (Unmarried)
Income
$1000 - $1200 / per month
Age
28 year old
Status
Single (Unmarried)
Income
$1000 - $1200 / per month
Age
28 year old
Status
Single (Unmarried)
Income
$1000 - $1200 / per month
Goals
Lose weight, improve her health, and have more energy.
Challenges
She is short on time and has a hard time sticking to a diet.
Needs
An app that is easy to use, has a large food database, & provides meal plans & recipes.
Goals
Lose weight, improve her health, and have more energy.
Challenges
She is short on time and has a hard time sticking to a diet.
Needs
An app that is easy to use, has a large food database, & provides meal plans & recipes.
Goals
Lose weight, improve her health, and have more energy.
Challenges
She is short on time and has a hard time sticking to a diet.
Needs
An app that is easy to use, has a large food database, & provides meal plans & recipes.
Social Media
Social Media
Social Media



Youtube
Youtube
Youtube



Userflow
Userflow
Moodboard & Wireframe
Moodboard & Wireframe
Iconography
Iconography

Typography
Typography
Aa
Aa
Helvetica Neue
Helvetica Neue
UltraLight
Medium
Semibold
Regular
Bold
Black
UltraLight
Medium
Semibold
Regular
Bold
Black
Getting Started
Here you can select the language from the app prebuilt language list.
You can also change the language later from settings
Here you can see your whole day goal which you have achieved.
It will be based on breakfast + lunch + dinner or the meals you add









Diet Plan
Here you can maintain your full week diet plan.
You can create your custom breakfast, lunch and dinner diet for the entire week and track weekly goals.
From Grocery List screen, you can select the category
first like Fruits & Veggies, Cheese, Egg and many more.
By selecting a category, a sub list will be displayed. In it you can choose the right thing that you like





Add Ingredients
Here you can add your custom ingredients by selecting
the categories listed.
You can adjust the nutritional values according to you
based on the ingredients you add
Here you will be able to see your all meals & ingredients. Listed and Custom both.
If you want to edit or delete any meal you can do from here.
By clicking on Add New Ingredient/Meal button you canadd your custom meal










Add Breakfast / Ebook
Here you can select the type of breakfast which you want to do.
It will give you a pre-built breakfast recipes along with the information like Grams, Kcal, Fats & the instructions to follow.
Here you can see all the diet plans if you are a beginner or starter. It will help you to follow a proper diet.
You can also purchase a premium e-book which will guide you to follow the expert diet chart.




Wireframe
Wireframe




UI Design










UI Design