Ingredients
Delivery
Gesture Mode
Instruction


An innovative one-stop cooking App
CHEFLIA
Type
Class Project
Duty
UX Designer
Tools
Figma
Adobe Pr
P5*js
Teachable Machine
Time
2019
Background

During the Lockdown, the restaurant no longer receives customers.

Due to the spread of the virus, many public facilities are not open, causing people to stay at home.

People are caught in a lot of hoarding, causing living and food out stock.
People have to cook at home during pandemic
Covid-19 has affected every facet of modern life, putting many jobs, interests, and hobbies on pause throughout the long lockdown months. While there has been a lot of hardship, however, one positive to come from the experience is many people have rediscovered the joy of cooking. Home cooking is the new normal. Several factors are contributing to the continued prevalence of home cooking. Many people feel unsafe going to restaurants, but the decline in dine-in traffic isn’t the only reason people are turning on their stoves and ovens more often. Consumers who are working from home no longer stop for breakfast or coffee on their commute, nor do they frequent the lunch spots around their offices. For many, financial concerns are also a catalyst for more home-cooked meals, which come at a lower cost and often create leftovers that can be stretched much further than restaurant meals.
According to a survey of 2,200 US customers, 43% of Gen Z respondents want to cook at home more in the post-pandemic era.
43%
71% stated they will continue to do so after the pandemic is over. This behavior is being driven by an increase in the creativity and confidence of home cooks in the kitchen.
71%

Interview
Although a questionnaire survey can yield a huge number of user behavior data, it is impossible to fully comprehend the exact causes and scenarios underlying a user's behavior. I interviewed three survey respondents. Following the interview, I used Affinity Diagram to classify and categorize the user's responses in order to better develop a persona.

Vlada
22 years old
Internatinal student

Alice
24 years old
Work from home

Tim
25 years old
Work from home
Key Notes
How do you decide what to cook?
when do you have to cook?
Why did you choose to cook at home?
How will be the recipe app useful to you?
What do you enjoy in cooking meals? Why?
When did you use recipe app for cooking meal recently?
What makes you frustrated while preparing a meal? Why?
What kind of instructions would you prefer to follow while cooking?
According to the ingredients in the refrigerator.
According to what I think in my head
Every weekend, I cook in my free time.
If I am alone at home, I will simply cook by myself
Eating at home is more hygienic and very affordable
Cost effective, save money.
If I want to do uncommon cooking, such as oven, baking
There will be some simple ways.
I like the process of arranging dishes and the sense of accomplishment of learning cooking
I like the process of cutting vegetables
I would prepare a list of recipes before going to the food market
For my friend‘s birthday, I made a cake for her and follow the recipe
Missing cooking steps.
Keep checking recipes when preparing ingredients, it's easy to get your phone dirty
I like watching videos step by step.
As long as I can see photo of the dish
Quotes
Questions
Affinity Diagram
Survey
Cooking Habits
Diet food
Cook on sunday
Eating Habits
User Thoughts
Needs
Pain
Points
Potential Solution
Love eating at home
Eat alone
1 dish for 2-3 serving
Thai food
Fresh ingredients
Lactose intolerance
Simple cook
Cooking according to the ingredients
Follow the recipe
No oven at home
The epidemic has taught me a lot of dishes
Recipes make me more planned
Consider calorie intake
Cooking is the simplest art
Food pictures make me hungry
The gap between me and the chef is only one recipe
Search for recipe
View/buy ingredients
Step by step
instruction
photos/video
Spread a healthy food culture
Screen always on mode
I want my phone to stay on while cooking
Recipes based on theme& occasion
Step by step
instruction
Video is too fast and easy to miss
Mobile phone gets dirty while cooking
I hope to achieve high-quality and low-cost consumption
The kitchen is too loud
Always have something on hand
Search for recipes in Google
No plan
Save cooking time
Want to improve cooking skills
Key Quotes
Category
The questions steer the direction of my entire study. The number of responses to the user survey was 45, with an average age of 24.
Most people get their phones dirty after cooking because they need to check recipes

60%
18-25 years old
26-33 years old
34-41 years old
16%
24%
Women are more familiar with the kitchen
Most people spend an hour on cooking
Most people prefer to eat at home because they can save money and be healthier.
50%
5%
1%
10%
20%
15%
less than 15 min
more than 120 min
90 min ~ 120 min
60 min ~ 90 min
15 min ~ 30 min
30 min ~ 60 min
Most people will take the time to make dinner
Breakfast
Lunch
Dinner


>
Use software more than physical recipes
Target User
Persona answered the question of "who do we design for", reminding me that the user's need is to acquire cooking skills, and hope that don't get the phone screen dirty while cooking.

Vlada
22 years old / Internatinal student
1
Always make a mess in the kitchen when cooking
Want to be orderly and clean when cooking
Goal
Get reasonable guidance and keep things tidy
Painpoint

Alice
24 years old / Work from home
2
Looking at recipes while cooking will get phone wet
Hope the phone screen is always on
Goal
Get a touchless experience of viewing recipes
Painpoint

Tim
25 years old / Work from home
3
Grocery shopping and cooking take lots time
Want to save more time when cooking
Goal
Painpoint
Save time and money by doing more efficient grocery shopping.

CHEFLIA
Ingredients
Delivery
Gesture Mode
Instruction
Solution
In this one-stop cooking App, Cheflia is a gesture-control cooking assistant sparked by people who love to cook but hate having to keep looking back and forth at recipe cards, books, or devices. In this App, You can experience a smooth cooking experience, from purchasing ingredients, delivered to your home, cooking guidance, improving your efficiency, and enjoying the cooking process.
Situation
Problem
Swipe the interface with wet fingers while cooking to check the process
Most young people have no plans for cooking
This will make the phone dirty and difficult to clean
This leads to the accumulation and waste of food, and sometimes health problems caused by unbalanced diet.
The supermarket commute takes too long, wandering in the supermarket
The efficiency of grocery shopping is too low for office workers and students
Solution
+
+
Gesture Control Concept
CHEFLIA
View
Recipe
Purchase Ingredients
Fresh purchase
Cooking tutorial
One-stop kitchen assistant APP, we’ll guide you through each step of the recipe
Key functions
CHEFLIA
Cooking instruction
User Profile
Consumer
Recipe
Food Delivery
One-Step Ingredients
Gestural Mode
Oders
Address
Payment methods
Delivery time
Coooking mode
Skills
Food
Ingredients purchace
Delivery service
Local groceries
Cuisine
Top chef
Text
Timer
Video contents
Back
Forward
Sounds
down
Pause
Dinner
Breakfast
Lunch
Images
Recipes
Eating habbits
collect
provides
has
Service
provides
provides
provides
Gesture Control Concept
When using the Cheflia program to watch the recipe steps while cooking, users can control the screen by using gestures, pause the instructions, adjust the sound by using gestures. The goal is to keep the screen always on and to avoid the inability to touch the screen with the hands while cooking.
View Recipe
Users can find favorite recipes through different categories, such as favorite chefs, different seasons, and recipes from various regions.
Purchase Ingredients
Users can buy ingredients online in the Cheflia program or the same ingredients in the recipes. When purchasing, you can control the amount of food by choosing how much to serve. After filling in the recipient information, users can choose the time period for delivery of ingredients to ensure the freshness of the ingredients and provide convenience to users.

Main page


Recipe page
Login page



Sign up page
Recipe page
Collection page



Cart page
Welcome page
Ingredients page



Cart page
Welcome page
category



Payment page
Welcome page
User account page
User interface deisgn















Homepage
Ingredients
Recipe
Collect
User profile
Tech Research
Navigational gestures
Action gestures
Transform gestures
Gestures that help users move through a product easily
Action gestures can perform actions such as scrolling.
Gestures that allow users to transform objects such as an element’s size, position, and rotation using gestures.
NUI
Natural user interface requires no tools other than the ones you were born with (our hands and our voice).
Gesture control is the ability to recognize and interpret movements of the human body in order to interact with and control a computer system without direct physical contact.
Start
A Sequence of Gestures
Data Processing
Gesture Segmentation
General Classification
Sign Sequence Generation
Compare with Standard Sign Sequences of UP, Down, Left, Right
Sign Sequence Generation
Compare with Standard Sign Sequences of Tick, Circle, Cross
If all gestures have been recognized
Most likely sequence of gestures
Recognition Result
Gestures involve motion on one aixs
Gestures involve motion on two aixs
Hand movement
Video Capture
Recognition Algorithm
Application Response




hand
Recognaition
Feedback
Capture
Gesture DEsign
Through user research and behavior observation, I designed five universal gestures, which are easy to learn and convenient for users to use during cooking
snap fingers
Pause the video
snap fingers
Play the video
Make circle with the thumb finger, move right
Next step
Make circle with the thumb finger, move left
Previous step
Volume up
Finger spun clockwise
Finger spun counter-clockwise
Volume down





Gather
Gather and group gestures into classes, or categories, let the computer to learn.
Train
Train the gestures, then instantly test it out to see whether it can correctly classify new examples.
Export
Export the model, and put it into P5.js to make gesture recognition
Volume up
Next step
Previous step
Volume sown
Play/pause
Scene design

40 inches
30 inches

Site Map
Contact Me
Got a challenge?
I’m ready to design the solution