Food Recipes as per your time and groceries
An application created to solve one of the biggest questions of everyone's every day. "What's for dinner" Numi App will show you the various options that you can cook. It is a one-stop solution for finding what to eat and how to make it with minimum effort.
Role: UX/UI Designer
Built
in Figma
Problem Statement
We have observed that people with a busy lifestyle and specific dietry requirements have trouble feeling motivated to cook. Because of this, they find themselves resorting to poor food choices when they feel overwhelmed which is costing them more money and causing the food in their home to spoil.
How might we help inspire them so they are motivated to make better food choices.
Goal
Help users to develop recipes for their at-home meals to reduce food wastage and money
Design Process
I used double diamond design process which fit perfectly to this type of project.
Empathize
Survey
User Interview
Competitor Analysis
Define
Persona
Empathy Map
Ideate
Site Map
User Flow
Prototype
LF Wireframing
HF Wireframing
Visual Design
​
Test
Usability Test
Implementing Changes
Project Timeline
Empathize Phase
Surey
We started with the first step in this journey - Survey. The audience turned out to be mostly middle-aged people from 20 to 50 years. Most of the users need help with deciding what to make for their meals as well as reducing food waste.
What level of input do you have when it comes to deciding what to have for meals in your household?
How often do you eat out or get takeaway food?
Does food ever go off in your fridge or pantry and you have to throw it away?
User Interviews
To understand better the problem we should move to the next step - User Interview. Detailed answers from respondents that are actually based on their own experience helped to understand better the user's needs and expectations from the app. Based on quantitative research results, we decided to target middle-aged users who already have faced the situation. The interview lasted a bit over 30 minutes and here are some key points.
Why do users feel so hesitate to decide what to eat?
How do users currently plan and eat their meals?
What stops users from cooking more at home?
What would incentivise users to cook more at home?
How do users currently find/develop their at-home cooking recipes?
Key Insights from Interview
Majority of users have trouble finding time to cook
Lack motivation to cook
Turn to takeaway when they have no time to cook or are overwhelmed
Don't know what to cook
Want to eat/make what they feel like eating
Wants to make what suits their dietry requirements
They learn from recipies and also cook from memory and their skills
Repeates recipies they liked / suited them
They look at what they have in the house before they cook
Are lazy
Want to cook more than they currently do
Competitor Analysis
Tasty
​
Feature Analysis
-
Discover new recipes Guides
-
Add recipes and app will automatically generate a shopping list for you
-
The search engine allows users to search for recipes based on ingredients they have on hand
-
Can filter results by cooking time, difficulty, type of food etc.
​
Competitive Advantage
-
Large media team with extensive recipes/guides
Search for recipes using ingredients -
Guides are something that stands apart from other apps
​
Strengths
- Extensive recipe catalog with very trendy items
- Automatic shopping list generation
- Guides for food types etc.
​
Weakness
-
Can only save recipes if you make an account
-
UI/UX is not extremely simple, the design of pages can look a little bit overwhelming
Magic Fridge
​
Feature Analysis
-
Large catalog of recipes
-
Allows users to input dietary needs and available cooking utensils
-
Manage the number of people cooking for and the nutritional value of the meal
-
Adjust ingredients depending on what you have available
-
Organize your week's meals ahead of time
-
Save your favorite recipes
-
Learn more about cooking and information on produce
-
Recommends ingredients that are in season
​
Competitive Advantage
-
Allows users to adjust for dietary requirements
-
Smooth user experience with a well-designed UX
-
Allows users to also organize meals ahead of the week
​
Strengths
-
Simple user experience
-
Ability to adjust for dietary requirements
-
Organising meals
-
Adjust for what utensils/tools you have available
-
Educational content
​
Weakness
-
The recipe catalogue is not as extensive as some other apps
Requires you to make an account to use the app
SuperCook
​
Feature Analysis
-
A large list of 2,000+ ingredients to input in order to generate recipe ideas
-
Consolidated over 11 million recipes from 18,000 recipe websites
-
Offers 20 languages
-
Voice dictation for ingredient adding available
-
Recipes automatically generated with recipes
-
Menu page categorized into types of food, cuisine, or ingredient-focused categories
​
Competitive Advantage
-
Extremely large catalog of recipes/ingredients
-
A simple method of inputting ingredients provided
​
Strengths
-
Extremely large catalog of recipes/ingredients
​
Weakness
-
Output for recipes can be confusing to navigate, with categories not being consistent
-
Due to the recipe catalog being compiled from multiple sources, recipes are often repeatedly recommended in the output
SuperCook
​
Feature Analysis
-
Large catalog of recipes
-
Allows users to input dietary needs
-
Ste[-by-step guided recipes with video tutorials etc.
-
Save recipes and organize favorites
-
Scan ingredients and find recipes based on what you have
-
Recipe scheduling/planning
-
Add entire recipes to your grocery list
-
Track nutrition/servings
​
Competitive Advantage
-
Detailed step-by-step guides make it stand out, especially with video tutorials
-
Being able to add entire recipes to your grocery list in 1 click
​
Strengths​
-
Able to plan meals ahead and create a shopping list in the app
-
Very detailed guides for recipes
-
Easy to track calories/nutrition
-
Can connect smart home appliances
​
Weakness
-
The home page looks a bit complicated
Not sure how valuable connecting to appliance feature is given how most households don't have smart appliances -
Ingredient scanners requiers premium paid subscription
Define Phase
Persona
Time for personas, there is one, the information is based on survey and interview result.
Gabby Martin
Age: 24
Occupation: Marketing
Professional
Location: Brisbane,
AUS
Living Status: Renting with friend
User Scenario
Gabby came home after work. She feels unwell and a bit cold which makes her crave a nice warm soup for dinner. Hence, she decides to find some simple and nutritious soup recipes using Numi and she found a quick recipe for onion soup. She made the onion soup and feels much better.
Goals
-
Finding a recipe that takes less than 30 min to cook
-
Finding recipes that don't require many ingredients
-
Finding a recipe that can make gabby feel warm.
-
Finding recipes that are nutritious
Needs/Wants
-
To eat healthier
-
To cook more meals at home
-
To eat less takeout meals each week
-
To know how to use things before they expire
-
A convenient way to find and plan meals
-
Meal inspiration and recommendations
-
Access to nutritional information
Risks / Emotion(s)
-
She doesn't find a recipe she wants and ends up ordering takeaway food.
-
She might find cooking challenging overall
Frustrations
-
Doesn’t know her meal options with the ingredients she has at home.
-
Feels like she is wasting her money when buying takeaway
-
Doesn’t know how to plan her meals or grocery list for the week
-
Feels like cooking takes too long but would like to cook more
Says
I care about cooking high quality, nutritious food
I don't usually have much inspiration for what to cook
I want to be able to eat as quickly and easily as possible
I find it hard to organise and plan grocery shopping
Does
I usually will follow recipes when cooking
I choose what to cook depending on what produce I have available
I get recipes from media such as youtube, instagram, and TV cooking shows
Thinks
I think about what to eat a lot
I think cooking for children/toddlers is very hard
I would prefer cooking at home during the week and eat out during the weekend
Feels
I want to cook most meals at home
I feel lazy at times and want to cook simple meals
I enjoy cooking whatever I feel like in the moment
I like having suggestions on what to cook
Empathy Map
Pains
I find getting inspiration and motivation to cook challenging
I find having dietary requirements and allergies make cooking challenging
I find cooking new dishes challenging and time consuimg
Gains
I am not bothered by taking risks with cooking new dishes
I aim to cook all meals at home 7 days a week
I have used websites before where you input what you have on hand to generate new recipes
Customer Journey Map
Ideate Phase
User Flow
The flow of some of the key features for achiving the main goal of the app.
Prototype Phase
Low Fidelity Wireframing
The flow of some of the key features for achiving the main goal of the app.
High Fidelity Wireframing
The flow of some of the key features for achiving the main goal of the app.
Test
Usability Testing
​The prototype was first tested on main flow wireframe in to define the overall workability of the app, later on I’ve moved prototyping to the final design to better realize what the user should deal with.
Implementing Changes
Minor UI fixes were applied to the app after playing with Figma mirroring.
​
​
-
Make the AR scanning feature more obvious
-
Add text to buttons on the scanning screen
-
Notifications and visual feedback when completing certain tasks
Thank you for watching till the end!
More Case studies...
