Project Overview

Project Overview

Many individuals struggle with healthy eating due to a lack of culinary skills and nutritional knowledge. Without user-friendly resources, they rely on unhealthy options instead of preparing nutritious meals.


NutriChef provides an intuitive experience that equips users with knowledge, skills, and confidence to prepare nutritious meals. Our accessible cooking guidance empowers users to make healthier food choices for improved health and well-being.

Many individuals struggle with healthy eating due to a lack of culinary skills and nutritional knowledge. Without user-friendly resources, they rely on unhealthy options instead of preparing nutritious meals.


NutriChef provides an intuitive experience that equips users with knowledge, skills, and confidence to prepare nutritious meals. Our accessible cooking guidance empowers users to make healthier food choices for improved health and well-being.

Role: Product Designer, UX Researcher, UX/UI Designer

Role: Product Designer, UX Researcher, UX/UI Designer

Duration: October to November2023

Duration: October to November2023

Responsibilities: Product Strategy, User Research, Interaction, Visual design, Prototyping & Testing

Tools: Figma, Adobe Photoshop, Miro, pen and paper

Tools: Figma, Adobe Photoshop, Miro, pen and paper

See Prototype

See Prototype

Process

Process

Click the table to enlarge

Problems

Problems

Solutions

Solutions

Lack of culinary skills and nutritional knowledge

Lack of culinary skills and nutritional knowledge

Step-by-step tutorials and nutritional insights making healthy cooking accessible

Step-by-step tutorials and nutritional insights making healthy cooking accessible

Time and effort commitment creates a learning curve

Time and effort commitment creates a learning curve

Clear preparation times, interactive ingredient lists, and habit-tracking to guide users' progress

Clear preparation times, interactive ingredient lists, and habit-tracking to guide users' progress

Perception of healthy food as bland, reducing adoption

Perception of healthy food as bland, reducing adoption

Personalized recipe discovery based on taste preferences to make healthy eating enjoyable

Personalized recipe discovery based on taste preferences to make healthy eating enjoyable

empathise

EMpathise

Assumptions 

Assumptions 

Before diving into development, I formulated initial user assumptions based on market research, competitive analysis, and industry trends in nutrition and cooking apps. These assumptions were intended to guide our initial direction and be validated through user research.

Before diving into development, I formulated initial user assumptions based on market research, competitive analysis, and industry trends in nutrition and cooking apps. These assumptions were intended to guide our initial direction and be validated through user research.

Click the table to enlarge

Research 

To validate these assumptions and gather comprehensive user insights, I implemented both qualitative and quantitative research methods. This mixed-methods approach was chosen to provide both breadth and depth of understanding.


  • Quantitative Research: I distributed online surveys, collecting responses from 20 completed questionnaires. While this sample size has limitations for statistical significance, it provided valuable directional insights to inform our interview approach.

  • Qualitative Research: I conducted in-depth interviews with 8 selected participants representing each assumed user type, allowing for rich contextual information and personal narratives that quantitative methods couldn't capture.


This comprehensive research approach helped validate which assumptions were accurate and revealed additional user needs that informed the product development direction.

20

User Surveys

10

Survey Questions

8

Interviews

Survey Insights

18/20

of participants mentioned Nutritional knowledge as a barrier to choosing a healthy diet

16/20

of participants mentioned time and effort as an influence on their not choosing a healthy diet

6/20

of participants mentioned cook skill as an influence on their not choosing a healthy diet

6/20

of participants mentioned taste as an influence on their not choosing a healthy diet

18/20

of participants preferred personalized recipe recommendations

18/20

of participants felt they would give up healthy eating within 1-2 months

18/20

of participants found existing healthy recipes are difficult to understand/follow

16/20

of participants cited preparation time as a key factor in recipe selection

Participant 1

Healthy recipes are usually simply seasoned and I find the flavors bland and unappetizing.

Participant 2

I'm a terrible cook and even with recipes, I still mess up it.

Participant 3

I have special dietary needs and if I were to find healthy recipes that meet my dietary needs, then I would need to spend a lot of time browsing the internet.

Pain Points

Pain Points

To better understand the results of the user research, I summarized the following 4 pain points.

To better understand the results of the user research, I summarized the following 4 pain points.

Limited Time

Limited Time
  • Hectic schedules result in unhealthy eating habits.

  • Fast food becomes a default option due to time constraints of preparing meals.

  • Hectic schedules result in unhealthy eating habits.

  • Fast food becomes a default option due to time constraints of preparing meals.

Limited Cooking Skills

Limited Cooking Skills

Limited Cooking Skills

  • Inadequate cooking skills lead to recipe avoidance.

  • Fear of mistakes hinders experimentation with healthier dishes.

  • Inadequate cooking skills lead to recipe avoidance.

  • Fear of mistakes hinders experimentation with healthier dishes.

Nutritious Ingredients

Nutritious Ingredients

Nutritious Ingredients

  • High costs limit access to nutritious food.

  • Limited availability of fresh produce in some areas.

  • High costs limit access to nutritious food.

  • Limited availability of fresh produce in some areas.

Bland Taste

Bland Taste
  • Healthier meals often perceived as less flavorful.

  • Dissatisfaction with taste drives preference for less healthy options.

  • Healthier meals often perceived as less flavorful.

  • Dissatisfaction with taste drives preference for less healthy options.

Define

define

Personas

Personas

Based on survey and interview insights, I developed user personas that capture recurring patterns and pain points, helping me better understand and empathize with our target users.

Based on survey and interview insights, I developed user personas that capture recurring patterns and pain points, helping me better understand and empathize with our target users.

User Journey Map

User Journey Map

To better understand user pain points and emotions, I created a comprehensive user journey map combining insights from both Hannah and Michael's experiences. This journey map illustrates the challenges our personas face at different stages and demonstrates how NutriChef addresses their specific needs—from Hannah's time constraints with meal preparation for her family to Michael's requirements for diabetic-friendly, visually appealing recipes for his content creation.

To better understand user pain points and emotions, I created a comprehensive user journey map combining insights from both Hannah and Michael's experiences. This journey map illustrates the challenges our personas face at different stages and demonstrates how NutriChef addresses their specific needs—from Hannah's time constraints with meal preparation for her family to Michael's requirements for diabetic-friendly, visually appealing recipes for his content creation.

Click the table to enlarge

Solutions

Solutions

Looking at the pain points our users experienced, I needed to develop solutions that would actually make their lives easier. To spark creativity, I conducted a targeted brainstorming session focusing on the 4 key pain points we identified. Then, I organized all ideas into an Impact-Effort Matrix, helping me prioritize solutions that would deliver maximum value while remaining feasible to implement.

Looking at the pain points our users experienced, I needed to develop solutions that would actually make their lives easier. To spark creativity, I conducted a targeted brainstorming session focusing on the 4 key pain points we identified. Then, I organized all ideas into an Impact-Effort Matrix, helping me prioritize solutions that would deliver maximum value while remaining feasible to implement.

Based on this prioritization, I selected these key solutions for NutriChef's initial wireframe version:

Based on this prioritization, I selected these key solutions for NutriChef's initial wireframe version:

User Story & User Flow

User Story & User Flow

After completing the user research, I illustrated a user story in the case of persona Hannah and Michael to show the main features of the platform and map the corresponding user flow.

After completing the user research, I illustrated a user story in the case of persona Hannah and Michael to show the main features of the platform and map the corresponding user flow.

Ideate

Ideate

Wireframe

Wireframe

Before I started creating the digital wireframe, I created two different designs for the homepage, as well as separate versions for the recipe page and the user profile page. My focus was on emphasizing the most important functions on the homepage to ensure that our users can quickly find the content they're seeking.

Before I started creating the digital wireframe, I created two different designs for the homepage, as well as separate versions for the recipe page and the user profile page. My focus was on emphasizing the most important functions on the homepage to ensure that our users can quickly find the content they're seeking.

After sketching on paper, I translated the most effective elements into digital wireframes. These focused on clear information hierarchy and intuitive navigation patterns. The digital format allowed me to refine user flows between screens and ensure consistent placement of key features like filtering options and nutritional information that address our users' pain points.

After sketching on paper, I translated the most effective elements into digital wireframes. These focused on clear information hierarchy and intuitive navigation patterns. The digital format allowed me to refine user flows between screens and ensure consistent placement of key features like filtering options and nutritional information that address our users' pain points.

Here, I translated the solutions identified in our problem analysis into tangible features within the wireframes. The following screens demonstrate how key solutions like grouped tags, habit tracking, automatic nutrition record, visual aids, and nutrition insights take shape in the low-fidelity prototypes, addressing the specific pain points we uncovered during research.

Here, I translated the solutions identified in our problem analysis into tangible features within the wireframes. The following screens demonstrate how key solutions like grouped tags, habit tracking, automatic nutrition record, visual aids, and nutrition insights take shape in the low-fidelity prototypes, addressing the specific pain points we uncovered during research.

User Testing & Insights

User Testing & Insights

After creating interactive low-fidelity wireframes, I conducted the first round of user testing with 6 participants to validate our design direction and identify potential issues early in the process.

After creating interactive low-fidelity wireframes, I conducted the first round of user testing with 6 participants to validate our design direction and identify potential issues early in the process.

Key Findings

Key Findings

These testing insights directly informed my refinements to the wireframes before moving into high-fidelity design. I addressed navigation inconsistencies, improved button feedback, and enhanced the shopping list functionality to create a more intuitive experience. The following high-fidelity designs showcase how these improvements took shape while maintaining focus on our core solutions for NutriChef's target users.

These testing insights directly informed my refinements to the wireframes before moving into high-fidelity design. I addressed navigation inconsistencies, improved button feedback, and enhanced the shopping list functionality to create a more intuitive experience. The following high-fidelity designs showcase how these improvements took shape while maintaining focus on our core solutions for NutriChef's target users.

Prototype

Prototype

After completing the initial user testing, I iterated on the wireframes based on the feedback given by the participants and worked on the design of a more detailed version: the Hi-Fi prototype.

After completing the initial user testing, I iterated on the wireframes based on the feedback given by the participants and worked on the design of a more detailed version: the Hi-Fi prototype.

Hi-Fi Prototype

Hi-Fi Prototype

Test

Test

Testing & Iteration

Testing & Iteration

After completing the high-fidelity prototype, I conducted a comprehensive usability test to validate the design solutions and identify any remaining pain points. Working with 6 participants who matched our target user profiles, I observed their interactions with key features and collected feedback through task completion exercises and post-test interviews.

After completing the high-fidelity prototype, I conducted a comprehensive usability test to validate the design solutions and identify any remaining pain points. Working with 6 participants who matched our target user profiles, I observed their interactions with key features and collected feedback through task completion exercises and post-test interviews.

Clickable MVP Prototype

Clickable MVP Prototype

Click it and play around!

Click it and play around!

wrap up

Wrap up

Learning

Learning

More doesn't mean better

Initially trying to address all user pain points simultaneously led to feature overload and confused testers. I learned to prioritize solving critical problems rather than implementing every possible solution, focusing on quality over quantity.​


Feedbacks matter

Hiding the shopping list in a hamburger menu proved to be a mistake when users couldn't find this highly valued feature. User testing revealed this blind spot in my assumptions, prompting a redesign that made it prominently accessible in the upper right corner.

More doesn't mean better

Initially trying to address all user pain points simultaneously led to feature overload and confused testers. I learned to prioritize solving critical problems rather than implementing every possible solution, focusing on quality over quantity.​


Feedbacks matter

Hiding the shopping list in a hamburger menu proved to be a mistake when users couldn't find this highly valued feature. User testing revealed this blind spot in my assumptions, prompting a redesign that made it prominently accessible in the upper right corner.

Next Step

Next Step

Based on my Impact-Effort Matrix analysis, I've identified three promising enhancements for future iterations:

  1. Intelligent Pantry Integration: Suggest recipes based on ingredients users already have, addressing the "Don't have time to shop" pain point.

  2. Weekly Meal Preparation System: Allow users to plan multiple meals with consolidated shopping lists, directly addressing time constraints.

  3. Step-by-Step Troubleshooting Guides: Help users navigate common cooking challenges, benefiting those with limited skills.

These features address key user needs while maintaining reasonable implementation complexity, making them excellent candidates for development after validating the core MVP functionality.

Based on my Impact-Effort Matrix analysis, I've identified three promising enhancements for future iterations:

  1. Intelligent Pantry Integration: Suggest recipes based on ingredients users already have, addressing the "Don't have time to shop" pain point.

  2. Weekly Meal Preparation System: Allow users to plan multiple meals with consolidated shopping lists, directly addressing time constraints.

  3. Step-by-Step Troubleshooting Guides: Help users navigate common cooking challenges, benefiting those with limited skills.

These features address key user needs while maintaining reasonable implementation complexity, making them excellent candidates for development after validating the core MVP functionality.

Thank you for reading.

Thank you for reading.

Thank you for reading.

Check out my other case studies below ↓

Check out my other case studies below ↓

© 2025 Shiyi Chen – All Rights Reserved

© 2025 Shiyi Chen – All Rights Reserved

© 2025 Shiyi Chen – All Rights Reserved