I created this case study as a part of the Google professional certificate course User Experience Design
Landhotel Hirschen in Erlinsbach is my favorite restaurant nearby Aarau. They serve gourmet cuisine with regional products, organize cooking lessons for kids, and offer take away food. In order to increase customer loyalty, Landhotel Hirschen wants to create a recipe app, focusing on families.
In Switzerland kids return home for lunch, so parents need to organize food for lunch and dinner. This is a great efford. Landhotel Hirschen wants to help parents simplify planning, organizing and cooking healthy food for the family, as well as book a table at their restaurant and order take away food.
As a UX designer, I created an app from conception to delivery, in the timespan of May to September 2021
To understand needs and behaviors, I conducted 6 qualitative interviews with parents between 35-50 years, both males and femals, living around the city of Aarau. They all have at least two children, that return home for lunch.
Parents all work minimum part-time and care for healthy food. Duration of the interviews: 20 minutes per person
I was surprised to learn that most participants do not plan their meals long ahead. They determin the dishes after shopping groceries, shortly before they want to eat.
Seasonal vegetables and discounts are their inspiration for buying food. They mostly cook the same 10 menus the family likes. They appreciate vegetarian options
At first, parents shop for groceries to consider the best fresh food. When cooking, they improvise a meal with the available ingredients. There is no recipe at hand to match the content of the fridge
Parents store their recipes in folders, cookbooks and in different online browsers. This makes it hard to find good recipes again and editing online recipes is impossible
kids prepare meals,
a recipe to cook a planned dish. Many
heart and they have to write down the recipes first. This
is very time consuming
Provide a searchbar to find recipes by ingredients
Type in own recipes, or copy an online recipe. Customize recipe and save it to your collections
Share meal plan and/or recipes with family members or caregivers
Picturing Olga helps me identify useful features for the app
With Olga's problem statement in mind, I compared some apps in Switzerland.
I picked Whisk, Bring!, FOOBY and Kochen, because they have different backgrounds.
Whisk works best for her needs and I take some of its structure. FOOBY gives me inspiration for design
+++ weekly meal plan
+++ shopping list with pictures
+++ inspiration for cooking
+++ linked and international recipes
+++ modification of recipes
+++ own recipes and collection
+++ local shop offerings
+++ own recipes and collection
+++ seasonal inspiration
+++ handy cooking mode
+++ recipes for kids
+++ recipe finder for 3 ingredients
+++ seasonal inspiration
+++ collections after topics
With the outline of the userflow I created storyboards, to understand the different touchpoints of the app. With wireframing I connected the different frames to a low-fidelity prototype that schows all crucial functions.
Storyboards helped me understand the daily challenges of Olga and how my app could be useful
At this point I became aware of how many screens were necessary, also for all the additional tasks I wanted to include. Every single wire needs to be defined, also with its animation
I have conducted a moderated usability study with 5 participants between 35 and 50 years. During 20 minutes I observed their behavior and recorded what they said
“I did not recognize the share button on the first sight, but it worked well, once I knew where it was.” (Participant A)
“I want to have options, what to do next.” (Participant D)
“I want to search ingredients within the suggested collection to find out, what to cook with the vegetables left over in my fridge.” (Participant B)
With refining the design I realized, that I must focus on the main user flow. I didn't refine the shopping list, saving a new recipe, take away and booking a table at the restaurant. Due to my time budget, I must limit my original scope for this project. Following are some mockups
To show interactive buttons I decided to work with a rollover effect, using strokes, color change, and sometimes shadows.
Main user flow for finding a recipe, assigning it to the meal plan and sharing it with somone else
Symbols, contrast and audio help people with visual impairment and sight disabilities
Use of symbols as an visual help to better understand the meaning of buttons for people with difficulty reading.
Few colors, high contrast and shadows in stoke make sure, people with visual impairment can still distinguisch elements.
for listening the steps
of meal preparation for
people with sight disability
or users, who prefer listening instead of reading while cooking.
”It was interesting to question my habit of organizing meals. The interview and testing helped me discover new, more effective ways of dealing with meal planning. For now, I am using the app Whisk, which still could be improved. I am ready to share my insights with their developers, if they ask me.”
Refine two more features to complete the original scope of the app: Save recipe by taking a picture and the shopping list
Test the new features with a usability study and correct what needs to be improved
Hand the design over to the engeneering department, to code the app and make it work on mobile phones
For more details about this project, please contact me.