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

Facebook

Facebook

Facebook

Instagram

Instagram

Instagram

Linkedin

Linkedin

Linkedin

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

Create a free website with Framer, the website builder loved by startups, designers and agencies.