What's Cooking
Making daily cooking and meal planning easy for all!
![PNG XD.png](https://static.wixstatic.com/media/9d9459_977cd416b463496fbca8201cc31fc7f8~mv2.png/v1/fill/w_43,h_43,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/PNG%20XD.png)
![Photoshop _edited.png](https://static.wixstatic.com/media/9d9459_112fd8086cf24cfd9e7cfeddcbc760fe~mv2.png/v1/crop/x_259,y_67,w_283,h_283/fill/w_43,h_43,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Photoshop%20_edited.png)
![1.1 Intro.png](https://static.wixstatic.com/media/9d9459_54fd90288d194b4a87bc805f753daf48~mv2.png/v1/crop/x_9,y_9,w_816,h_504/fill/w_576,h_354,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/1_1%20Intro.png)
Role:
Sole UI/UX Designer
Timeline:
August-September 2021
Project Overview
A cookbook in your pocket!
A portable cookbook, What’s Cooking is an app designed to make everyday cooking hassle free. It is filled with recipes for all occasions- from day to day healthy bites to planning five course meals. The idea is to help people schedule meals and make healthier eating options more accessible.
This was a personal project done by me to better understand how to design a good User Experience.
Problem
One of the biggest obstacles faced by users is actually planning meals everyday. Busy schedules and the lack of easily accessible recipes often make cooking everyday difficult and tiring, especially when it comes to cooking healthy meals.
![2.1 Problem.jpg](https://static.wixstatic.com/media/9d9459_4081d02c72334bb7aa0b564ab61d66f3~mv2.jpg/v1/fill/w_346,h_203,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/2_1%20Problem.jpg)
![2.2 Solution.jpg](https://static.wixstatic.com/media/9d9459_7760259af57242459f25871a7c0e7f94~mv2.jpg/v1/fill/w_78,h_56,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2_2%20Solution.jpg)
Solution
An app that helps people plan meals every-day by proving them with a catalogue of recipes that they can filter through based on their needs.
Whats Cooking also helps find meal options based on leftover groceries at home!
Research
I surveyed a total of 30 people who cook/ would like to cook regularly. I then mapped out their journeys and created empathy maps to better understand and define user needs.
The main insights from the research were as follows:
![3_edited.png](https://static.wixstatic.com/media/9d9459_85ee2c203d1141b28cce65042bfa7f48~mv2.png/v1/fill/w_140,h_140,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/3_edited.png)
79%
people have to cook meals at home at least 5 times a week.
![3_edited.png](https://static.wixstatic.com/media/9d9459_b0bba7c172c346fd88112fa491b6c85d~mv2.png/v1/fill/w_140,h_140,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/3_edited.png)
71%
said they found it difficult to plan meals, especially healthy ones.
![3_edited.png](https://static.wixstatic.com/media/9d9459_3146ccab24964e7d8562c4eba18ccd0e~mv2.png/v1/fill/w_140,h_140,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/3_edited.png)
![3_edited.png](https://static.wixstatic.com/media/9d9459_3146ccab24964e7d8562c4eba18ccd0e~mv2.png/v1/crop/x_67,y_271,w_174,h_174/fill/w_25,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/3_edited.png)
cook only for themselves
![3_edited.png](https://static.wixstatic.com/media/9d9459_3146ccab24964e7d8562c4eba18ccd0e~mv2.png/v1/crop/x_375,y_111,w_174,h_174/fill/w_25,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/3_edited.png)
cook for 2 people
![3_edited.png](https://static.wixstatic.com/media/9d9459_3146ccab24964e7d8562c4eba18ccd0e~mv2.png/v1/crop/x_306,y_465,w_174,h_174/fill/w_25,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/3_edited.png)
cook for more than 2 people
Pain Points
1
Time
The biggest pain point for the users was the time it takes to plan and cook meals.
2
Ease
Users want easy, quick recipes that don’t take too much of their time and effort so they can plan their days better.
3
Healthy Options
Users want to make healthier food choices but don’t know a lot of healthy options.
4
Leftover Groceries
Users end up buying groceries and then end up with leftovers that they don’t know how to use.
User Personas
![4.1 User 1.jpg](https://static.wixstatic.com/media/9d9459_b952457219054803838b90d5a32b3019~mv2.jpg/v1/fill/w_128,h_85,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/4_1%20User%201.jpg)
![4.2 User 2.jpg](https://static.wixstatic.com/media/9d9459_17d67e5ef11743f5af78667bc81897a2~mv2.jpg/v1/fill/w_128,h_85,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/4_2%20User%202.jpg)
Ideation
After a thorough user research, I started brainstorming some initial ideas keeping in mind the user pain points. For this, I used the How Might We technique. Some of the questions were:​​
-
How might we help users plan their meals easily
-
How might we create an interface which encourages healthy choices
Site Map
![5.1 Site map.png](https://static.wixstatic.com/media/9d9459_4800697836074dce856fb46a563c30a1~mv2.png/v1/fill/w_79,h_76,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5_1%20Site%20map.png)
Low- Fidelity wireframes
These rapid sketches helped generate ideas quickly that were later worked upon in detail.
![IMG_2116.JPG](https://static.wixstatic.com/media/9d9459_692bae4f02bf4a79bb211f0305e9af00~mv2.jpg/v1/crop/x_0,y_0,w_2968,h_1837/fill/w_92,h_57,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/IMG_2116_JPG.jpg)
![IMG_2116.JPG](https://static.wixstatic.com/media/9d9459_692bae4f02bf4a79bb211f0305e9af00~mv2.jpg/v1/crop/x_0,y_1707,w_2406,h_1796/fill/w_76,h_57,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/IMG_2116_JPG.jpg)
It was important to give users information about time and nutritional value of a dish to help them plan their meals with ease.
Having an audio narration option would also help in making cooking more easy.
It was equally necessary to give users a way to make use of the produce at home at a given time to cook a meal, without having to go running for groceries.
Digital Wireframes
Some of the early digital iterations keeping in mind user pain points. This shows the onboarding and the important interactions.
![Wireframes.png](https://static.wixstatic.com/media/9d9459_f1df743bd657462293c3de127eaddd92~mv2.png/v1/fill/w_49,h_40,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Wireframes.png)
Style Guide
#CD7163
#013B39
#3C8B70
#D3E2D6
#FFFFFF
futura
medium, used for headings
helvetica
regular, used for body text
High-Fidelity Mockups
![6.1 Mockups.jpg](https://static.wixstatic.com/media/9d9459_9920dff8b8f74441b5c4de6280fae605~mv2.jpg/v1/fill/w_93,h_104,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/6_1%20Mockups.jpg)
![6.2 Mockups.jpg](https://static.wixstatic.com/media/9d9459_4ca28f44a12c4cb690194bb3c3fe2534~mv2.jpg/v1/fill/w_96,h_49,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/6_2%20Mockups.jpg)
Meal planning and healthy eating is extremely important to have a good, balanced life.
This app can help you schedule your eating habits and maintain a healthy lifestyle.
Explore from a variety of categories so you never have to worry about what to cook!
YOUR POCKET COOKBOOK
Save your preferred recipes so you can easily keep coming back to them.
FAVOURITE LIST
![6.3 Mockups.png](https://static.wixstatic.com/media/9d9459_379f89536c72456ca71526a8f6430283~mv2.png/v1/crop/x_29,y_21,w_506,h_1066/fill/w_57,h_120,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/6_3%20Mockups.png)
STEP BY STEP RECIPES
Ingredient list with quantities and step by step instructions for the recipe.
Audio narration of the text making it more accessible.
Information about cook and prep time to help choose recipes
Nutritional information of the dish mentioned to help make healthier choices.
![6.4 Mockups.jpg](https://static.wixstatic.com/media/9d9459_a18caf11eefd47a290681c4008989575~mv2.jpg/v1/fill/w_57,h_120,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/6_4%20Mockups.jpg)
LEFTOVERS?
NO WORRIES!
One big problem with users is managing their groceries and leftovers.
This app will help you find recipes based on what ingredients you have at home.
You can now plan groceries accordingly and easily avoid waste.
![6.5 Mockups.jpg](https://static.wixstatic.com/media/9d9459_2e79871504084432bfd5e12c654bd80c~mv2.jpg/v1/fill/w_112,h_76,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/6_5%20Mockups.jpg)
High-Fidelity Prototype
Reflections and Takeaways
This was an interesting challenge because I learnt how to put the user at the centre and try to flesh out their biggest problems.
I also understood the importance of following through all the steps of the design process systematically to get to a refined end product.