View Prototype Here
View Prototype Here
An end-to-end AI recipe Generator for Procrastinators with little time to cook
Cheficient Ai
View Prototype Here
The Problem
Procrastinators with limited time to cook often delay meal preparation until the last minute, resulting in stress and a reliance on quick but potentially less healthy food choices. This situation highlights the need for solutions addressing challenges such as stress, limited ingredient choices, and unhealthy eating habits. To alleviate these issues, it's crucial to improve time management, adopt quick recipes, and establish meal planning habits for a more organized and stress-free cooking experience that promotes healthier eating.
The Goal
AI Recipe Generator:
Make a simple AI tool for quick and easy recipes.
Time Management:
Help procrastinators manage time better for cooking.
Efficient Kitchen Tool Use:
Encourage smart use of kitchen tools
Stress-Free Cooking Experience:
Create a relaxed cooking process
Empathize
Background & Research
As the lead designer, I started by understanding the project's goals and aligning them with the procrastinator's needs and opportunities for a product solution. I gathered insights through research, with a focus on understanding AI search engines and the new environment for the user.
Market Research Approach
I tested out different AI search engines that are recipe driven. I intereviewed 3 participants. I had goals, asked questions, and watched how they used it. The aim was to learn from their feedback and make searching for recipes and motivating to cook much easier.
Competitive Analysis
I took a close look at AI search engines like Chef GPT, Dish Gen, and Food AI to see what works well and what could be improved. By learning from their strategies, I made design choices for Cheficient to match what's trending and what users would prefer to use.
Who was interviewed?
Participants
Young single professional: A male who's a software engineer, works long hours and orders delivery
A mom: Someone who is busy and cant be hands free for long periods of time, needs something quick or will get discouraged and order food or take the kids out to eat
Family Guy and Professional: Someone who wants a home-cooked meal but get easily distracted and loses track of time. Is in need of a simplified way to search for a recipe. Also wants to use the ingredients he has.
Interview Details
Interviews were conducted remotely, both on zoom and over the phone
Each interview consisted of 12-16 questions
There were a total of 3 participants
V
Research Mapping & Findings
Personas
V
By grouping similar data points together based on common themes, ideas, or concepts, I was able to identify overarching themes or categories that emerged from the clusters.
To synthesize all the info I gathered from the user interviews, I noticed pattern of user needs and converted them into statistics.
To make sure that my decisions moving forward in the process are user centered, I wanted to have a clear understanding who would use the Apple social feature. Using what I learned from my mapping and findings, I created two user personas who I would be designing for- Maria and Adam!
Define
Now that I know more about Apple podcast users, I'm focusing on the issues we need to address for them. Using insights from the empathy map, I'm delving deeper to understand the persona's problems. I'm doing this by creating point-of-view (POV) statements and How Might We (HMW) questions to guide my brainstorming process.
Defining the Problems
I organized screens logically and intuitively on an application map to plan out how the features would fit into the application's architecture.
Cheficient Site Map
Afterward, I made documents that outline how the product operates for users. This involves creating maps for the site, illustrating user flows, and establishing task flows as a guide for the site's structure. These documents showcase how the product displays, its content, interactions, and behaviors during use.
Flows for a
User Friendly Design
HMW:
How can we make a cooking app that learns and adjusts to each user's tastes and habits?
How might we connect tools with the app to improve the cooking experience for users?
How might we use machine learning to suggest recipes personalized to users' past choices?
HMW:
How might we let users customize recipes based on their diet, available ingredients, and kitchen tools?
How might we create a dynamic search function helping users like Maria and Alex find recipes based on specific criteria?
How might we add a community feature, letting users share and discover personalized recipe tweaks and improvements?
POV 3: Better Discovery and Engagement
Problem: There is a need for Tailored Cooking Solutions
HMW:
How might we design an app that provides easy, step-by-step visuals for efficient cooking?
How might we include short, engaging videos in the app for visual guidance, catering to users like Maria and Alex?
How might we simplify recipe content to focus on essential steps and visuals, making cooking more straightforward?
POV 1: Personalization
Problem: There isn't Smart and Personalized Cooking Technology
POV 2: More encouragement
Problem: It would be helpful to have Quick and Visual Guidance/ Encouragement
I started by figuring out what users would need to set up a profile and discover new recipes. Then, I made a list of the important screens we need for each task. After that, I used these lists to understand how users will use the site step by step, like which pages they visit and what they click on.
To create my prototype, I first started by creating
mid-fidelity wireframes on Figma of the key
screens the users would be interacting with.
Next Steps
Adding more features to the product. Specifically 15 second videos to enhance user engagement and a visual to add to the AI search experience
Iterate on existing features to make the product more finished and functional
Enhance the product by creating a meal prepping schedule that works with food they have, reducing food waste, and making the user feel more accomplished in their cooking
Combining the wireframes with the UI components made the responsive design come to life and in action.
In order to see if the design was effective and comprehensive to the user, I needed to create a usability test plan with participants to. After testing out the Prototype with 3 participants, I analyzed the results and synthesized it to help prioritize my final iterations
User Testing and Results
After the mid fidelity wire-framing came to life, it was time for me to name the product and create a UI Design to match the look and feel of what my user gatherings would be inclined to enjoy using
Style Inspiration
and UI Component guide
Hi-fi Design Wireframe
Prototype & Testing
UI Components and Design
Final Iterations
The overall Cheficient design needed 3 design iterations as the top priority to make. Each iteration was the additions of a guidance page and shiftingthe verbiage on the copy to make it more encouraging. I added the opportunity to provide the user's food items and create a recipe out of it, and the recipe had more detailed steps on how to make it. I removed the video option on how to make it cause it makes the user distracted.
Role
End to End UX, UI Designer
Task
Design an added feature that encourages social interactions over apple podcasts
Tools
Figma
The Problem
Procrastinators with limited time to cook often delay meal preparation until the last minute, resulting in stress and a reliance on quick but potentially less healthy food choices. This situation highlights the need for solutions addressing challenges such as stress, limited ingredient choices, and unhealthy eating habits. To alleviate these issues, it's crucial to improve time management, adopt quick recipes, and establish meal planning habits for a more organized and stress-free cooking experience that promotes healthier eating.
The Goal
AI Recipe Generator:
Make a simple AI tool for quick and easy recipes.
Time Management:
Help procrastinators manage time better for cooking.
Efficient Kitchen Tool Use:
Encourage smart use of kitchen tools
Stress-Free Cooking Experience:
Create a relaxed cooking process.
Empathize
Background & Research
As the lead designer, I started by understanding the project's goals and aligning them with the procrastinator's needs and opportunities for a product solution. I gathered insights through research, with a focus on understanding AI search engines and the new environment for the user.
Market Research Approach
I tested out different AI search engines that are recipe driven. I intereviewed 3 participants. I had goals, asked questions, and watched how they used it. The aim was to learn from their feedback and make searching for recipes and motivating to cook much easier.
Competitive Analysis
I took a close look at AI search engines like Chef GPT, Dish Gen, and Food AI to see what works well and what could be improved. By learning from their strategies, I made design choices for Cheficient to match what's trending and what users would prefer to use.
Who was interviewed?
Participants
Young single professional: A male who's a software engineer, works long hours and orders delivery
A mom: Someone who is busy and cant be hands free for long periods of time, needs something quick or will get discouraged and order food or take the kids out to eat
Family Guy and Professional: Someone who wants a home-cooked meal but get easily distracted and loses track of time. Is in need of a simplified way to search for a recipe. Also wants to use the ingredients he has.
Interview Details
Interviews were conducted remotely, both on zoom and over the phone
Each interview consisted of 12-16 questions
There were a total of 3 participants
V
Research Mapping & Findings
V
By grouping similar data points together based on common themes, ideas, or concepts, I was able to identify overarching themes or categories that emerged from the clusters.
To synthesize all the info I gathered from the user interviews, I noticed pattern of user needs and converted them into statistics.
To make sure that my decisions moving forward in the process are user centered, I wanted to have a clear understanding who would use the Apple social feature. Using what I learned from my mapping and findings, I created two user personas who I would be designing for- Maria and Adam!
Define
Now that I know more about Apple podcast users, I'm focusing on the issues we need to address for them. Using insights from the empathy map, I'm delving deeper to understand the persona's problems. I'm doing this by creating point-of-view (POV) statements and How Might We (HMW) questions to guide my brainstorming process.
I organized screens logically and intuitively on an application map to plan out how the features would fit into the application's architecture.
Task Flow
I started by figuring out what users would need to set up a profile and discover new recipes. Then, I made a list of the important screens we need for each task. After that, I used these lists to understand how users will use the site step by step, like which pages they visit and what they click on.
Now, I aimed to dig deeper and gain a more comprehensive understanding of the entire journey users would embark on setting up a profile and discovering recipes on Cheficient, from the beginning to the end. My goal was to put myself in their shoes with various avenues that lead to discovery.
HMW:
How can we make a cooking app that learns and adjusts to each user's tastes and habits?
How might we connect tools with the app to improve the cooking experience for users?
How might we use machine learning to suggest recipes personalized to users' past choices?
HMW:
How might we let users customize recipes based on their diet, available ingredients, and kitchen tools?
How might we create a dynamic search function helping users like Maria and Alex find recipes based on specific criteria?
How might we add a community feature, letting users share and discover personalized recipe tweaks and improvements?
POV 3: Better Discovery and Engagement
Problem: There is a need for Tailored Cooking Solutions
HMW:
How might we design an app that provides easy, step-by-step visuals for efficient cooking?
How might we include short, engaging videos in the app for visual guidance, catering to users like Maria and Alex?
How might we simplify recipe content to focus on essential steps and visuals, making cooking more straightforward?
POV 1: Personalization
Problem: There isn't Smart and Personalized Cooking Technology
POV 2: More encouragement
Problem: It would be helpful to have Quick and Visual Guidance/ Encouragement
Cheficient Site Map
Afterward, I made documents that outline how the product operates for users. This involves creating maps for the site, illustrating user flows, and establishing task flows as a guide for the site's structure. These documents showcase how the product displays, its content, interactions, and behaviors during use.
Flows for a User Friendly Design
User Flow
Defining the Problems
Define
Now that I know more about Apple podcast users, I'm focusing on the issues we need to address for them. Using insights from the empathy map, I'm delving deeper to understand the persona's problems. I'm doing this by creating point-of-view (POV) statements and How Might We (HMW) questions to guide my brainstorming process.
I organized screens logically and intuitively on an application map to plan out how the features would fit into the application's architecture.
Task Flow
I started by figuring out what users would need to set up a profile and discover new recipes. Then, I made a list of the important screens we need for each task. After that, I used these lists to understand how users will use the site step by step, like which pages they visit and what they click on.
Now, I aimed to dig deeper and gain a more comprehensive understanding of the entire journey users would embark on setting up a profile and discovering recipes on Cheficient, from the beginning to the end. My goal was to put myself in their shoes with various avenues that lead to discovery.
HMW:
How can we make a cooking app that learns and adjusts to each user's tastes and habits?
How might we connect tools with the app to improve the cooking experience for users?
How might we use machine learning to suggest recipes personalized to users' past choices?
HMW:
How might we let users customize recipes based on their diet, available ingredients, and kitchen tools?
How might we create a dynamic search function helping users like Maria and Alex find recipes based on specific criteria?
How might we add a community feature, letting users share and discover personalized recipe tweaks and improvements?
POV 3: Better Discovery and Engagement
Problem: There is a need for Tailored Cooking Solutions
HMW:
How might we design an app that provides easy, step-by-step visuals for efficient cooking?
How might we include short, engaging videos in the app for visual guidance, catering to users like Maria and Alex?
How might we simplify recipe content to focus on essential steps and visuals, making cooking more straightforward?
POV 1: Personalization
Problem: There isn't Smart and Personalized Cooking Technology
POV 2: More encouragement
Problem: It would be helpful to have Quick and Visual Guidance/ Encouragement
Cheficient Site Map
Afterward, I made documents that outline how the product operates for users. This involves creating maps for the site, illustrating user flows, and establishing task flows as a guide for the site's structure. These documents showcase how the product displays, its content, interactions, and behaviors during use.
Flows for a User Friendly Design
User Flow
Defining the Problems
View Prototype Here
View Prototype Here
Next Steps
Adding more features to the product. Specifically 15 second videos to enhance user engagement and a visual to add to the AI search experience
Iterate on existing features to make the product more finished and functional
Enhance the product by creating a meal prepping schedule that works with food they have, reducing food waste, and making the user feel more accomplished in their cooking
Combining the wireframes with the UI components made the responsive design come to life and in action.
In order to see if the design was effective and comprehensive to the user, I needed to create a usability test plan with participants to. After testing out the Prototype with 3 participants, I analyzed the results and synthesized it to help prioritize my final iterations
User Testing and Results
After the mid fidelity wire-framing came to life, it was time for me to name the product and create a UI Design to match the look and feel of what my user gatherings would be inclined to enjoy using
Style Inspiration and UI Component guide
Hi-fi Design Wireframe
Prototype & Testing
Mid Fidelity Wireframes
UI Components and Design
Final Iterations
The overall Cheficient design needed 3 design iterations as the top priority to make. Each iteration was the additions of a guidance page and shiftingthe verbiage on the copy to make it more encouraging. I added the opportunity to provide the user's food items and create a recipe out of it, and the recipe had more detailed steps on how to make it. I removed the video option on how to make it cause it makes the user distracted.
Role
End to End UX, UI Designer
Task
Design an added feature that encourages social interactions over apple podcasts
Tools
Figma
The Problem
Procrastinators with limited time to cook often delay meal preparation until the last minute, resulting in stress and a reliance on quick but potentially less healthy food choices. This situation highlights the need for solutions addressing challenges such as stress, limited ingredient choices, and unhealthy eating habits. To alleviate these issues, it's crucial to improve time management, adopt quick recipes, and establish meal planning habits for a more organized and stress-free cooking experience that promotes healthier eating.
The Goal
AI Recipe Generator:
Make a simple AI tool for quick and easy recipes.
Time Management:
Help procrastinators manage time better for cooking.
Efficient Kitchen Tool Use:
Encourage smart use of kitchen tools
Stress-Free Cooking Experience:
Create a relaxed cooking process.
The Problem
The Problem
The Problem
Procrastinators with limited time to cook often delay meal preparation until the last minute, resulting in stress and a reliance on quick but potentially less healthy food choices. This situation highlights the need for solutions addressing challenges such as stress, limited ingredient choices, and unhealthy eating habits. To alleviate these issues, it's crucial to improve time management, adopt quick recipes, and establish meal planning habits for a more organized and stress-free cooking experience that promotes healthier eating.
Procrastinators with limited time to cook often delay meal preparation until the last minute, resulting in stress and a reliance on quick but potentially less healthy food choices. This situation highlights the need for solutions addressing challenges such as stress, limited ingredient choices, and unhealthy eating habits. To alleviate these issues, it's crucial to improve time management, adopt quick recipes, and establish meal planning habits for a more organized and stress-free cooking experience that promotes healthier eating.
Procrastinators with limited time to cook often delay meal preparation until the last minute, resulting in stress and a reliance on quick but potentially less healthy food choices. This situation highlights the need for solutions addressing challenges such as stress, limited ingredient choices, and unhealthy eating habits. To alleviate these issues, it's crucial to improve time management, adopt quick recipes, and establish meal planning habits for a more organized and stress-free cooking experience that promotes healthier eating.
The Goal
The Goal
The Goal
AI Recipe Generator:
Make a simple AI tool for quick and easy recipes.
Time Management:
Help procrastinators manage time better for cooking.
Efficient Kitchen Tool Use:
Encourage smart use of kitchen tools
Stress-Free Cooking Experience:
Create a relaxed cooking process.
AI Recipe Generator:
Make a simple AI tool for quick and easy recipes.
Time Management:
Help procrastinators manage time better for cooking.
Efficient Kitchen Tool Use:
Encourage smart use of kitchen tools
Stress-Free Cooking Experience:
Create a relaxed cooking process.
AI Recipe Generator:
Make a simple AI tool for quick and easy recipes.
Time Management:
Help procrastinators manage time better for cooking.
Efficient Kitchen Tool Use:
Encourage smart use of kitchen tools
Stress-Free Cooking Experience:
Create a relaxed cooking process.
V
Tim
Department Head
at a Tech Company
About
Motivations
Needs
Interests
Social Media Platforms
V
Participants
Young single professional: A male who's a software engineer, works long hours and orders delivery
A mom: Someone who is busy and cant be hands free for long periods of time, needs something quick or will get discouraged and order food or take the kids out to eat
Family Guy and Professional: Someone who wants a home-cooked meal but get easily distracted and loses track of time. Is in need of a simplified way to search for a recipe. Also wants to use the ingredients he has.
Who was interviewed?
By grouping similar data points together based on common themes, ideas, or concepts, I was able to identify overarching themes or categories that emerged from the clusters.
To make sure that my decisions moving forward in the process are user centered, I wanted to have a clear understanding who would use the Apple social feature. Using what I learned from my mapping and findings, I created two user personas who I would be designing for- Maria and Adam!
Interviews were conducted remotely, both on zoom and over the phone
Each interview consisted of 12-16 questions
There were a total of 3 participants
Research Mapping & Findings
Background & Research
As the lead designer, I started by understanding the project's goals and aligning them with the procrastinator's needs and opportunities for a product solution. I gathered insights through research, with a focus on understanding AI search engines and the new environment for the user.
Market Research Approach
Competitive Analysis
I took a close look at AI search engines like Chef GPT, Dish Gen, and Food AI to see what works well and what could be improved. By learning from their strategies, I made design choices for Cheficient to match what's trending and what users would prefer to use.
I tested out different AI search engines that are recipe driven. I intereviewed 3 participants. I had goals, asked questions, and watched how they used it. The aim was to learn from their feedback and make searching for recipes and motivating to cook much easier.
Empathize
Personas
Define
Now that I know more about Apple podcast users, I'm focusing on the issues we need to address for them. Using insights from the empathy map, I'm delving deeper to understand the persona's problems. I'm doing this by creating point-of-view (POV) statements and How Might We (HMW) questions to guide my brainstorming process.
Defining the Problems
I organized screens logically and intuitively on an application map to plan out how the features would fit into the application's architecture.
Task Flow
I started by figuring out what users would need to set up a profile and discover new recipes. Then, I made a list of the important screens we need for each task. After that, I used these lists to understand how users will use the site step by step, like which pages they visit and what they click on.
Now, I aimed to dig deeper and gain a more comprehensive understanding of the entire journey users would embark on setting up a profile and discovering recipes on Cheficient, from the beginning to the end. My goal was to put myself in their shoes with various avenues that lead to discovery.
HMW:
How can we make a cooking app that learns and adjusts to each user's tastes and habits?
How might we connect tools with the app to improve the cooking experience for users?
How might we use machine learning to suggest recipes personalized to users' past choices?
HMW:
How might we let users customize recipes based on their diet, available ingredients, and kitchen tools?
How might we create a dynamic search function helping users like Maria and Alex find recipes based on specific criteria?
How might we add a community feature, letting users share and discover personalized recipe tweaks and improvements?
POV 3: Better Discovery and Engagement
Problem: There is a need for Tailored Cooking Solutions
HMW:
How might we design an app that provides easy, step-by-step visuals for efficient cooking?
How might we include short, engaging videos in the app for visual guidance, catering to users like Maria and Alex?
How might we simplify recipe content to focus on essential steps and visuals, making cooking more straightforward?
POV 1: Personalization
Problem: There isn't Smart and Personalized Cooking Technology
POV 2: More encouragement
Problem: It would be helpful to have Quick and Visual Guidance/ Encouragement
Cheficient Site Map
Afterward, I made documents that outline how the product operates for users. This involves creating maps for the site, illustrating user flows, and establishing task flows as a guide for the site's structure. These documents showcase how the product displays, its content, interactions, and behaviors during use.
Flows for a User Friendly Design
User Flow
View Prototype Here
Next Steps
Adding more features to the product. Specifically 15 second videos to enhance user engagement and a visual to add to the AI search experience
Iterate on existing features to make the product more finished and functional
Enhance the product by creating a meal prepping schedule that works with food they have, reducing food waste, and making the user feel more accomplished in their cooking
Combining the wireframes with the UI components made the responsive design come to life and in action.
In order to see if the design was effective and comprehensive to the user, I needed to create a usability test plan with participants to. After testing out the Prototype with 3 participants, I analyzed the results and synthesized it to help prioritize my final iterations
User Testing and Results
After the mid fidelity wire-framing came to life, it was time for me to name the product and create a UI Design to match the look and feel of what my user gatherings would be inclined to enjoy using
Style Inspiration and UI Component guide
Hi-fi Design Wireframe
Prototype & Testing
Mid Fidelity Wireframes
To create my prototype, I first started by creating mid-fidelity wireframes on Figma of the key screens the users would be interacting with.
UI Components and Design
Final Iterations
The overall Cheficient design needed 3 design iterations as the top priority to make. Each iteration was the additions of a guidance page and shiftingthe verbiage on the copy to make it more encouraging. I added the opportunity to provide the user's food items and create a recipe out of it, and the recipe had more detailed steps on how to make it. I removed the video option on how to make it cause it makes the user distracted.