An end-to-end AI recipe Generator for Procrastinators with little time to cook

Cheficient Ai

Cheficient Ai

An end-to-end AI recipe Generator for Procrastinators with little time to cook

View Prototype Here

Project Overview

End to End: A responsive design thats AI generated

Product: Cheficient AI

Timeline: 80 Hours 

Industry: Lifestyle

Product Background

Procrastinators, pressed for time, often opt for fast but unhealthy meals, leading to stress. To address this, Cheficient offers quick recipes and meal planning tools, reducing stress and promoting healthier cooking habits.

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

  1. AI Recipe Generator:

    • Make a simple AI tool for quick and easy recipes.

  2. Time Management:

    • Help procrastinators manage time better for cooking.

  3. Efficient Kitchen Tool Use:

    • Encourage smart use of kitchen tools

  4. Stress-Free Cooking Experience:

    • Create a relaxed cooking process.

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

  1. AI Recipe Generator:

    • Make a simple AI tool for quick and easy recipes.

  2. Time Management:

    • Help procrastinators manage time better for cooking.

  3. Efficient Kitchen Tool Use:

    • Encourage smart use of kitchen tools

  4. Stress-Free Cooking Experience:

    • Create a relaxed cooking process.

Role

End to End UX, UI Designer

Task

Design an added feature that encourages social interactions over apple podcasts

Tools

Tools

Figma

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.

The Goal

The Goal

  1. AI Recipe Generator:

    • Make a simple AI tool for quick and easy recipes.

  2. Time Management:

    • Help procrastinators manage time better for cooking.

  3. Efficient Kitchen Tool Use:

    • Encourage smart use of kitchen tools

  4. Stress-Free Cooking Experience:

    • Create a relaxed cooking process.

  1. AI Recipe Generator:

    • Make a simple AI tool for quick and easy recipes.

  2. Time Management:

    • Help procrastinators manage time better for cooking.

  3. Efficient Kitchen Tool Use:

    • Encourage smart use of kitchen tools

  4. 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.

To synthesize all the info I gathered from the user interviews, I noticed pattern of user needs and converted them into statistics.

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.

Personas

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

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

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.

Ship sites with style.

Go from design to site with Framer, the web builder for creative pros.

Go from design to site with Framer, the web builder for creative pros.

Get Started

Learn More