Overview
Tired of not knowing what to cook tonight? Struggling to find a recipe or video for a specific dish? Looking for restaurant recommendations nearby? Or just want to ask anything about food? Yummi has got you covered!
Tired of not knowing what to cook tonight? Struggling to find a recipe or video for a specific dish? Looking for restaurant recommendations nearby? Or just want to ask anything about food? Yummi has got you covered!
Timeline
Oct 02 2023 - Dec 15 2023
Oct 02 2023 - Dec 15 2023
Project Team
Relevant Coursework
Relevant Coursework
Role
UX & UI Designer
UX & UI Designer
Graphic Designer
Graphic Designer
Tool
Figma
Figma
Photoshop
Photoshop
Illustrator
Illustrator
After Effects
After Effects
Skills
UX Research
UX Research
Brand Identity
Brand Identity
Visual Design
Visual Design
Motion Design
Motion Design
Logo Design
Logo Design
Wireframe
Wireframe
Prototype
Prototype
Interaction Design
Interaction Design
What is this project about?
Introducing Yummi
An Ai chef that fits in your pocket, the ultimate know-it-all kitchen companion.
What is this project about?
Introducing Yummi
An Ai chef that fits in your pocket, the ultimate know-it-all kitchen companion.
Research
Market research
Market research
Generative AI has become a ubiquitous feature across all kinds of software, making it a missed opportunity not to integrate its power with food. However, during my research, I found that there are currently limited options available in the market.
Generative AI has become a ubiquitous feature across all kinds of software, making it a missed opportunity not to integrate its power with food. However, during my research, I found that there are currently limited options available in the market.
Problem Statement
Problem
Problem
It’s challenging to find good recipes among the millions available on the internet.
There’s no all-in-one place to answer all your food-related questions.
Food recommendations often come with lengthy comments that are time-consuming to read through.
There is a lack of summarization for food-related content, making it difficult to quickly grasp the content.
It’s challenging to find good recipes among the millions available on the internet.
There’s no all-in-one place to answer all your food-related questions.
Food recommendations often come with lengthy comments that are time-consuming to read through.
There is a lack of summarization for food-related content, making it difficult to quickly grasp the content.
Problem Statement
Solution
Solution
Utilize AI to sort recipes and identify the most visited sites.
Create an AI chat model that can answer all your food-related questions.
Summarize online restaurant ratings and comments so users can efficiently skim through the summaries.
Utilize AI to sort recipes and identify the most visited sites.
Create an AI chat model that can answer all your food-related questions.
Summarize online restaurant ratings and comments so users can efficiently skim through the summaries.
Utilize AI to sort recipes and identify the most visited sites.
Create an AI chat model that can answer all your food-related questions.
Summarize online restaurant ratings and comments so users can efficiently skim through the summaries.
Visual Design
Visual Design
Logo DEsign
Logo DEsign
I took inspiration from Pixar’s character Baymax, a personal helper robot. The logo needed to embody key elements such as AI, chatting, and a chef/foodie, while also representing a caring, friendly, and selfless mascot-like character dedicated to helping others.
I took inspiration from Pixar’s character Baymax, a personal helper robot. The logo needed to embody key elements such as AI, chatting, and a chef/foodie, while also representing a caring, friendly, and selfless mascot-like character dedicated to helping others.
I took inspiration from Pixar’s character Baymax, a personal helper robot. The logo needed to embody key elements such as AI, chatting, and a chef/foodie, while also representing a caring, friendly, and selfless mascot-like character dedicated to helping others.
Visual Design
final Logo Design
final Logo Design
After exploring countless elements and styles, I’m glad to have finalized the design:
After exploring countless elements and styles, I’m glad to have finalized the design:
After exploring countless elements and styles, I’m glad to have finalized the design:
Visual Design
Style Guide
Style Guide
Choosing yellow and black as the primary colors is a love-hate situation. While it has a very high contrast ratio, it also conveys an energetic, appealing, modern, and high-tech feel for the brand. For typography, I opted for a clean, sci-fi typeface, which aligns with our product’s focus on the power of AI and the chat experience.
Choosing yellow and black as the primary colors is a love-hate situation. While it has a very high contrast ratio, it also conveys an energetic, appealing, modern, and high-tech feel for the brand. For typography, I opted for a clean, sci-fi typeface, which aligns with our product’s focus on the power of AI and the chat experience.
Choosing yellow and black as the primary colors is a love-hate situation. While it has a very high contrast ratio, it also conveys an energetic, appealing, modern, and high-tech feel for the brand. For typography, I opted for a clean, sci-fi typeface, which aligns with our product’s focus on the power of AI and the chat experience.
Visual Design
Motion design
Motion design
Considering the app will feature a lot of interaction with the logo, creating animation that fit seamlessly with its characteristics is crucial. Yummi is a character who is curious about food and always willing to help people out.
Considering the app will feature a lot of interaction with the logo, creating animation that fit seamlessly with its characteristics is crucial. Yummi is a character who is curious about food and always willing to help people out.
Considering the app will feature a lot of interaction with the logo, creating animation that fit seamlessly with its characteristics is crucial. Yummi is a character who is curious about food and always willing to help people out.
Ideation
Wireframe
Wireframe
Since the app concentrates on AI-powered chatting, creating a wireframe to ensure the chat flow runs smoothly is important. The app will concentrate on three main aspects: answering any food-related questions, discovering local restaurants, and mastering home cooking.
Since the app concentrates on AI-powered chatting, creating a wireframe to ensure the chat flow runs smoothly is important. The app will concentrate on three main aspects: answering any food-related questions, discovering local restaurants, and mastering home cooking.
Since the app concentrates on AI-powered chatting, creating a wireframe to ensure the chat flow runs smoothly is important. The app will concentrate on three main aspects: answering any food-related questions, discovering local restaurants, and mastering home cooking.
Product Direction
Product Direction
Mobile Version
Mobile Version
The app was initially designed for mobile devices. Whether the users is shopping for groceries or searching for a recipe for tonight, Yummi is their go-to food app.
The app was initially designed for mobile devices. Whether the users is shopping for groceries or searching for a recipe for tonight, Yummi is their go-to food app.
The app was initially designed for mobile devices. Whether the users is shopping for groceries or searching for a recipe for tonight, Yummi is their go-to food app.
Product Direction
Product Direction
Watch Version
Watch Version
The goal was to create the most intuitive user experience, so adding a smartwatch version would be a great enhancement. When the user is cooking, they can speak to Yummi and get the information they need, hands-free.
The goal was to create the most intuitive user experience, so adding a smartwatch version would be a great enhancement. When the user is cooking, they can speak to Yummi and get the information they need, hands-free.
The goal was to create the most intuitive user experience, so adding a smartwatch version would be a great enhancement. When the user is cooking, they can speak to Yummi and get the information they need, hands-free.
Final Design
Overview
Overview
Introducing Yummi!
Introducing Yummi!
Introducing Yummi!
Final Design
Final Design
launch screen
launch screen
There will be a loading animation when booting the app. Yummi will appear on screen alongside the logo, then seamlessly transition to the home screen.
There will be a loading animation when booting the app. Yummi will appear on screen alongside the logo, then seamlessly transition to the home screen.
There will be a loading animation when booting the app. Yummi will appear on screen alongside the logo, then seamlessly transition to the home screen.
Final Design
Final Design
Homescreen
Homescreen
If the users is not certain what to ask, Yummi will recommend some random thoughts or ideas for them.
If the users is not certain what to ask, Yummi will recommend some random thoughts or ideas for them.
If the users is not certain what to ask, Yummi will recommend some random thoughts or ideas for them.
Final Design
Final Design
Chatting With Yummi
Chatting With Yummi
Users can ask Yummi practically any food-related question. Having a food expert available makes cooking so much easier.
Users can ask Yummi practically any food-related question. Having a food expert available makes cooking so much easier.
Users can ask Yummi practically any food-related question. Having a food expert available makes cooking so much easier.
Final Design
Final Design
Home cook Mastery
Home cook Mastery
Struggling to decide which recipe to pick? Yummi features a rating system that analyzes user ratings and online comments to generate the best recipes tailored for the users.
Struggling to decide which recipe to pick? Yummi features a rating system that analyzes user ratings and online comments to generate the best recipes tailored for the users.
Struggling to decide which recipe to pick? Yummi features a rating system that analyzes user ratings and online comments to generate the best recipes tailored for the users.
Final Design
Final Design
local restaurants discovery
local restaurants discovery
If the user doesn’t feel like cooking, Yummi can find the best matching restaurants based on their food preferences and gather the restaurant menus, locations, and other information for them.
If the user doesn’t feel like cooking, Yummi can find the best matching restaurants based on their food preferences and gather the restaurant menus, locations, and other information for them.
If the user doesn’t feel like cooking, Yummi can find the best matching restaurants based on their food preferences and gather the restaurant menus, locations, and other information for them.
Final Design
Final Design
Saved Conversations
Saved Conversations
Users can save their searches and review them anytime. They can also continue the last conversation from where they left off.
Users can save their searches and review them anytime. They can also continue the last conversation from where they left off.
Users can save their searches and review them anytime. They can also continue the last conversation from where they left off.
Final Design
Final Design
Setting
Setting
Users can personalize their data privacy settings for those who are concerned, along with other general app settings.
Users can personalize their data privacy settings for those who are concerned, along with other general app settings.
Users can personalize their data privacy settings for those who are concerned, along with other general app settings.
Final Design
watchOS
watchOS
There will be certain features that won’t be available on the watch version, but overall, the experience is fully optimized for smartwatches.
There will be certain features that won’t be available on the watch version, but overall, the experience is fully optimized for smartwatches.
There will be certain features that won’t be available on the watch version, but overall, the experience is fully optimized for smartwatches.
Final Design
Final Design
watchOS
watchOS
All chat history will be synced with the users' mobile device, allowing them to switch between devices interchangeably.
All chat history will be synced with the users' mobile device, allowing them to switch between devices interchangeably.
All chat history will be synced with the users' mobile device, allowing them to switch between devices interchangeably.
Final Design
Final Design
voice recognition
voice recognition
By pressing the Yummi logo, the users will be able to speak to Yummi and receive the information they need.
By pressing the Yummi logo, the users will be able to speak to Yummi and receive the information they need.
By pressing the Yummi logo, the users will be able to speak to Yummi and receive the information they need.
Final Design
Final Design
Home cook Mastery
Home cook Mastery
On the watch version, users can save some of their previous search recipes. Yummi will summarize the recipes to ensure the instructions are clear, making it easier to follow along.
On the watch version, users can save some of their previous search recipes. Yummi will summarize the recipes to ensure the instructions are clear, making it easier to follow along.
On the watch version, users can save some of their previous search recipes. Yummi will summarize the recipes to ensure the instructions are clear, making it easier to follow along.
Prototype
interactive prototype
interactive prototype
If you'd like to try the prototype yourself, feel free to click the link below to test out Yummi.
If you'd like to try the prototype yourself, feel free to click the link below to test out Yummi.
Marketing
Marketing
Marketing
Subway Billboard
Subway Billboard
Subway Billboard
To advertise the app, a subway billboard would be a great place to promote our product.
To advertise the app, a subway billboard would be a great place to promote our product.
To advertise the app, a subway billboard would be a great place to promote our product.
Marketing
Market research
Market research
Some extra mockups will help visualize how our marketing materials should appear, and I believe Yummi will be a highly eye-catching advertisement. (Photos in New York City subway)
Some extra mockups will help visualize how our marketing materials should appear, and I believe Yummi will be a highly eye-catching advertisement. (Photos in New York City subway)
Outcomes
Outcomes
Summary
Summary
This was a truly rewarding and amazing hands-on experience. Since this is my first UX project, I know there's still plenty of room for improvement and features to explore. As a brand identity project, I believe it successfully captures the essence of a food-chatting AI. I will take the lessons with my next project with confidence.
This was a truly rewarding and amazing hands-on experience. Since this is my first UX project, I know there's still plenty of room for improvement and features to explore. As a brand identity project, I believe it successfully captures the essence of a food-chatting AI. I will take the lessons with my next project with confidence.
This was a truly rewarding and amazing hands-on experience. Since this is my first UX project, I know there's still plenty of room for improvement and features to explore. As a brand identity project, I believe it successfully captures the essence of a food-chatting AI. I will take the lessons with my next project with confidence.
Thankyou for your time!
Thankyou for your time!
Feel free to send me a message to share your valuable feedback. I'm also happy to discuss your projects.
Feel free to send me a message to share your valuable feedback. I'm also happy to discuss your projects.
Feel free to send me a message to share your valuable feedback. I'm also happy to discuss your projects.