/

Homecook

Homecook

Homecook

Homecook is a recipe-based grocery delivery app for beginner and experienced cooks. It aims to make eating healthier meals more accessible and efficient for users who desire to save time and a trip to the grocery store.

Homecook is a recipe-based grocery delivery app for beginner and experienced cooks. It aims to make eating healthier meals more accessible and efficient for users who desire to save time and a trip to the grocery store.

Background

Role:

Sole UI/UX Designer

Timeline:

7 Months

Tools:

Figma, Miro

The Problem

Why is it challenging for health-conscious eaters to eat healthily?

The Problem

Why is it challenging for health-conscious eaters to eat healthily?

The Problem

Why is it challenging for health-conscious eaters to eat healthily?

With food delivery easier than ever, it makes it more difficult to choose healthier when there are so many more delicious, less healthy choices available. This convenience makes it harder for people to choose to eat healthier. For this project, I wanted to explore why health-driven consumers fail to accomplish their personal goals of eating healthily.

To see if this is a problem more people face, I created a survey and found that out of the 35 responses received:

With food delivery easier than ever, it makes it more difficult to choose healthier when there are so many more delicious, less healthy choices available. This convenience makes it harder for people to choose to eat healthier. For this project, I wanted to explore why health-driven consumers fail to accomplish their personal goals of eating healthily.

To see if this is a problem more people face, I created a survey and found that out of the 35 responses received:

82%

find healthy eating important to them

72%

of those who value healthy eating are not satisfied with how they eat

The Solution

Make eathing healthy at home less of a chore.

The Solution

Make eathing healthy at home less of a chore.

The Solution

Make eathing healthy at home less of a chore.

I designed an app where users can access a library of curated, healthy recipes and have groceries delivered to them easily and affordably. As a result, users have more time and are more likely to eat healthy homemade meals.

I designed an app where users can access a library of curated, healthy recipes and have groceries delivered to them easily and affordably. As a result, users have more time and are more likely to eat healthy homemade meals.

Research

Learning about the Problem

Research

Learning about the Problem

Research

Learning about the Problem

Through secondary research and user interviews, I dived in to find out:

  • What makes it challenging for people who want to eat healthily to do so?

  • When does it become more challenging?

  • What makes it easy to eat healthy? Or what makes it work?

  • How do they decide on what to eat?

Through secondary research and user interviews, I dived in to find out:

  • What makes it challenging for people who want to eat healthily to do so?

  • When does it become more challenging?

  • What makes it easy to eat healthy? Or what makes it work?

  • How do they decide on what to eat?

In my readings, I found the main barriers to eating healthier:

  • Affordability

    • “The cost of fresh food was identified as a barrier to eating healthy, especially among low-income members of the community.”

  • Availability

    • “Because the availability of affordable food is limited, some make poor food choices, not because they eat without thinking about the unhealthy consequences”

  • Awareness of what’s healthy

    • “a quarter of people say that they don’t know what healthy and sustainable food is”

  • Lack of time

    • “The time required to shop and prepare food was identified as a major barrier for people who already struggled with busy family and work schedules.”

On the flip side, I also looked into what helps people eat healthier and found that:

Home-cooked meals encourage healthier eating.

  • Encourages higher fruit and vegetable intake

  • Likelihood for normal range BMI

  • Lower risk in high cholesterol and diabetes

  • Lower body fat

Research

User Interviews

Research

User Interviews

Research

User Interviews

During user interviews, I spoke to five participants who found it important to eat healthily, but were not satisfied with their current eating habits to find out where the disconnect lies. I asked them about:

  • What is healthy eating to you?

  • What makes it challenging?

  • What’s your decision process?

During user interviews, I spoke to five participants who found it important to eat healthily, but were not satisfied with their current eating habits to find out where the disconnect lies. I asked them about:

  • What is healthy eating to you?

  • What makes it challenging?

  • What’s your decision process?

Once completing all the interviews, I organized the users’ quotes and ideas into an affinity map to find trends and themes.

Once completing all the interviews, I organized the users’ quotes and ideas into an affinity map to find trends and themes.

From the affinity map, I found some valuable insights that would guide solution ideation and prototyping:

From the affinity map, I found some valuable insights that would guide solution ideation and prototyping:

Convenience is key.

The solution needs to it reduce the amount of steps or mental gymnastics to get meal time done.

Affordability is a main concern.

Users shop with a budget in mind and prefer to find deals in order to save money.

Less healthy options are everywhere.

It's harder to choose healthier options when there's easy access to tasty, less-good-for-you take out.

Desire for homecooked.

Users want to cook at home as it allows them to save money and to control what ingredients go in their food.

Meal time is overwhelming.

For busy individuals, thinking about what to eat and where to get it–every single day–can be mentally exhausting.

Lack of prep leads to take out.

People tend to opt for getting take out if they don’t have enough groceries to make anything at home.

Defining users

Identifying the User

Defining users

Identifying the User

Defining users

Identifying the User

Based on interviews and empathy maps, I created a persona that captured the challenges, motivations, and goals of the target users to better inform the design.

"I'm trying to eat more homemade meals, but it often comes down to convenience when I'm too busy or lazy."

Motivations

  • Keep body and mind in good shape

  • Feeling healthy = wellness and productivity

Frustrations

  • Lack of time and energy to ensure groceries are at home

  • Lack of ingredients to cook a meal

Ideation

Brainstorming Solutions

Ideation

Brainstorming Solutions

Ideation

Brainstorming Solutions

I brainstormed several solutions, and ultimately landed on a recipe-based grocery delivery app that allowed users to compare prices between their local grocery stores. This solution best addressed users’ need for convenience and affordability.

Afterwards, I found solutions similar to mine and found that there is room for a solution that prioritized affordability and convenience more.

I brainstormed several solutions, and ultimately landed on a recipe-based grocery delivery app that allowed users to compare prices between their local grocery stores. This solution best addressed users’ need for convenience and affordability.

Afterwards, I found solutions similar to mine and found that there is room for a solution that prioritized affordability and convenience more.

After understanding the problem areas that are challenging for our users, I reframed the problem into How Might We statements to help guide the design process.

Solving for convenience: How might we help people eat healthy and delicious food with less effort?

Solving for affordability: How might we help people find cheaper, healthier food that fits their budget?

After understanding the problem areas that are challenging for our users, I reframed the problem into How Might We statements to help guide the design process.

Solving for convenience: How might we help people eat healthy and delicious food with less effort?

Solving for affordability: How might we help people find cheaper, healthier food that fits their budget?

Defining the Solution

User Stories

Defining the Solution

User Stories

Defining the Solution

User Stories

I went back to the persona and research to create user stories. My persona helped me think about what busy, experienced cooks and health-conscious individuals would want to see. Through my persona's lens and prioritizing features critical to them, I built out my most viable product, or MVP.

I went back to the persona and research to create user stories. My persona helped me think about what busy, experienced cooks and health-conscious individuals would want to see. Through my persona's lens and prioritizing features critical to them, I built out my most viable product, or MVP.

Ideation

Wireframes & Prototyping

Ideation

Wireframes & Prototyping

Ideation

Wireframes & Prototyping

Using my user stories as a guide, I started sketching out wireframes for Homecook's main screens. Each iteration of screens led to a round of testing–summing up to three rounds of usability testing. With these tests, my goal was to understand ease of usability and how users felt about the interface experience.

Using my user stories as a guide, I started sketching out wireframes for Homecook's main screens. Each iteration of screens led to a round of testing–summing up to three rounds of usability testing. With these tests, my goal was to understand ease of usability and how users felt about the interface experience.

Insights & Design Implications

Usability Testing

Insights & Design Implications

Usability Testing

Insights & Design Implications

Usability Testing

The following three key insights gathered from usability testing led to a set of design improvements:

The following three key insights gathered from usability testing led to a set of design improvements:

  1. Increasing prioritization of pricing information

Users expressed a need for pricing at the start. Because I had already designed the app to have filters for quick recipes, I replaced cooking time information with pricing and price per serving information instead, and treated it with greater visual hierarchy.

  1. Shopping for Individual ingredients

The second major improvement was adding a feature for buying individual ingredients, instead of recipe-based. Users may need a one-off ingredient–like a new tub of butter or a few missing ingredients for a recipe. This added feature increases the app’s usability in our users’ everyday needs.

  1. Simplify the interface

Users found initial versions overwhelming because the app’s nature is to have a lot varying imagery and information. It became important for the UI to feel clear and simple. Changes include: redesigned the user interface to use color only where it was necessary and decreased harsh shadows.

Design

Branding

Design

Branding

Design

Branding

Brand Essence

Brand Essence

Name: I chose the name Homecook for exactly what it is–people who cook at home or the act of cooking at home so that it is straightforward for target users to have a sense of how this app is utilized.

Brand Personality: Warm and encouraging–like a friend who’s teaching you how to cook or giving you recommendations. It also needs to be welcoming–especially to users who are just at the beginning of their cooking journey. And it also cares about people’s health, which is important to our persona.

Brand Attributes:

  1. Familiar – a tool users feel comfortable using instantly. It resembles the process of finding recipes and shopping for groceries, and it makes it easier. This is important for our users of busy professionals.

  2. Trustworthy – meaning it meets the users expectations. This can look like making sure groceries are delivered on time, suggesting healthy recipes, and providing recipes that fit every diet preference.

  3. Effortless – meaning it makes it easy to find recipes, order groceries from your favorite grocery store, contact your shopper, and more.

Name: I chose the name Homecook for exactly what it is–people who cook at home or the act of cooking at home so that it is straightforward for target users to have a sense of how this app is utilized.

Brand Personality: Warm and encouraging–like a friend who’s teaching you how to cook or giving you recommendations. It also needs to be welcoming–especially to users who are just at the beginning of their cooking journey. And it also cares about people’s health, which is important to our persona.

Brand Attributes:

  1. Familiar – a tool users feel comfortable using instantly. It resembles the process of finding recipes and shopping for groceries, and it makes it easier. This is important for our users of busy professionals.

  2. Trustworthy – meaning it meets the users expectations. This can look like making sure groceries are delivered on time, suggesting healthy recipes, and providing recipes that fit every diet preference.

  3. Effortless – meaning it makes it easy to find recipes, order groceries from your favorite grocery store, contact your shopper, and more.

Style Guide

Style Guide

Colors: Green to denote a feeling of health, while paired with orange to create warmth.

Font: Manrope is a simple sans serif that is easy to read and has a good amount of font weights that allows me to create better hierarchy in my design.

Iconography: simple line icons to communicate clearly without distracting from the user flow

Colors: Green to denote a feeling of health, while paired with orange to create warmth.

Font: Manrope is a simple sans serif that is easy to read and has a good amount of font weights that allows me to create better hierarchy in my design.

Iconography: simple line icons to communicate clearly without distracting from the user flow

Design

Final Design

Design

Final Design

Design

Final Design

The solution to our guiding question–

How might we help people get affordable healthy food with less effort?

Homecook, a recipe-based grocery delivery app that aims to make eating healthier meals at home more accessible and efficient for busy individuals.

The solution to our guiding question–

How might we help people get affordable healthy food with less effort?

Homecook, a recipe-based grocery delivery app that aims to make eating healthier meals at home more accessible and efficient for busy individuals.

Reflection

Project Takeaways

Reflection

Project Takeaways

Reflection

Project Takeaways

  1. Start simple and add when necessary.

Starting with the bare minimum and adding colors or elements only when there is a necessity or intention is the best way to go to prevent overdoing it. It's more efficient to work with intention so you don't end up back tracking.

  1. Every decision should be intentional.

Not just for the elements on the screen or the information we show within the app, but also for the research, like the questions I ask during a user interview or a usability test. It’s important to know why a question is being asked to make sure it helps the process.

Projects

Other works

Projects

Other works

Projects

Other works

Evolving to a premium listening experience

iOS App Design

Optimizing productivity and communication

Website Redesign

Contact

Let's get creative!

I'm ready to dive in to new projects or opportunities.

You can contact me at:

kristinenodalo@gmail.com

San Francisco, CA

Contact

Let's get creative!

I'm ready to dive in to new projects or opportunities.

You can contact me at:

kristinenodalo@gmail.com

San Francisco, CA

Contact

Let's get creative!

I'm ready to dive in to new projects or opportunities.

You can contact me at:

kristinenodalo@gmail.com

San Francisco, CA

© 2024 Kristine Nodalo

© 2024 Kristine Nodalo

© 2024 Kristine Nodalo