Recipe Box:Teaching how to cook healthy meals to young adults

Concept Project  +   Branding Design  +   Mobile App Design  +   Responsive Website Design
Project Background

01

Recipe Box is an app to teach young adults how to cook healthy meals. Cooking healthy takes time and effort due to deciding, planning, shopping, and preparing. Due to the busy and fast lifestyle of young adults, it is easier to just eat outside. However, this behavior leads to obesity, diabetes, and other kinds of unhealthy situations. Recipe Box aims to help its users in all stages of cooking and helping users keep this a habit.

  • Duration
  • Between July - September 2022, approximately 4 weeks
  • Role
  • UX/UI Designer, designing the app from conception to end product.
  • Responsibilities
  • Concept, user research, wireframing, prototyping, usability studies, accessibility, designs.
  • Company
  • Concept Project for UX Designer Course by Google
Challenges
  • Useful recipe screen to help users understand how to cook.
  • Easy & detailed filtering system for finding specific tastes.
  • Help users to plan meals efficiently.
  • Find a way to help users make cooking healthy a habit.
User Research

02

I have conducted a user interview with 5 people, who are young adults in various stages of life. They reported to me that they want to cook healthily but don’t actively work towards it because either they don’t have time and energy, or they are not good at the planning process. The feedback from the interviews was that they were willing to work on learning how to cook healthy meals and keep it as a habit if there was a way to make things easier.

Time-Consuming

Users feel lazy about going to the shop, buying ingredients, and cooking complicated recipes.

Hard to plan

It is hard to plan what to cook for users, especially users who struggle with cooking.

Shopping

Some users need assistance during the shopping phase, instead of manually selecting and writing it down.

Searching

During searching for healthy recipes it is easy to get lost and just cook something easy and high-calorie.

Mobile App Design

03

Initial designs
Information Architecture
Digital Wireframes
Recipes

My goal was to create a system for people to easily search for what appeals to their taste and their cooking skills.

Plan

The planning feature helps users to take one step further to cook healthy meals as a habit. Users can plan their days, weeks, and months, adding their favorite recipes to the calendar.

Profile

This is where users keep track of everything, including what is on the fridge, what ingredients to buy, favorite recipes, and what to eat. Users also can add their own recipes to put in their meal plan later on.

Usability Studies

I have conducted two usability studies throughout my design phase. The first one was to understand if I was on the right track in designing the low-fidelity prototype, and another one was to determine if I was able to solve the pain points that users experienced.

I expected to find answers to these questions:

  • How long does it take a user to find a recipe to favorite?
  • What can we learn from the user flow or the steps that users take to plan their meals and shopping list?
  • How easy or difficult was it to use the Fridge system?
  • Are there parts where users get stuck or abandoned?
Usability Study Findings
Lo-Fi To Hi-Fi
Recipe Views

The “View Styles” on the “Recipe” section created confusion among most users

Search Bar

Some users needed search bars for easier searching

Fridge

Some users found the "Fridge" function a little tedious and therefore unuseful.

Responsive Website Design

04

Site Map
Accesibility Considerations
Clear & Legible Design
Familiar User Flow
Detailed Filter System
Screen Reader
Challenge 1
Useful recipe screens to help users understand how to cook.

Recipe pages give enough information for users' needs without overwhelming them. Adjustable servings section and add to shopping list feature support the other two functions of the app. A user can decide how many servings they need, see what ingredients they don't have, and add them to the shopping list to shop for them.

Challenge 2
Easy & detailed filtering system for finding specific tastes.

It is important how detailed a search should be especially going through variety of cultures & recipes. Recipe Box allows users to set filters and search with keywords if user likes. It is possible to search within the ingredients that users already have within their fridge, for a last minute occasion!

Challenge 3
Help users to plan meals efficiently.

One of the biggest challenges of eating healthy is making it a habit, finding the energy and will to be disciplined every day, and making the decision to eat healthily. As a means to do this, I designed a meal planning system, where users can pre-make the decisions to cook healthy meals every day. With this feature, users can regulate shopping trips weekly, organize and ready to cook every week.

Challenge 4
Find a way to help users make cooking healthy a habit.

Keeping track of what you have and what you need is just as important as planning to cook healthy meals. In the Profile section, it is designed to keep track of everything, from what are users supposed to eat today to what is on their fridge. With the shopping list feature, it is easy to go to market and know exactly what you need and how much you need. After that, the fridge function takes care of it all.

Style Guide
The tone of the colors was selected due to the aesthetic values of the young generation also referencing healthy meal content. The design was inspired by an old "Recipe Box", creating a sense of nostalgia. The color scheme and the typeface create an easy-to-read content.
responsive priview
I needed this app all this time!
This helps me to track of my fridge and to be able to find recipes I desire everyday.
Usability Study Quotes, Participant B
what I've learned
I have learned that you can not solve problems with one solution sometimes. Also, it is important to create some flexibility to let users use their intuition instead.
Process Deck