Overview
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
Timeline
Oct 02 2023 - Dec 15 2023
Oct 02 2023 - Dec 15 2023
Project
Project
Relevant Coursework
Relevant Coursework
Role
Role
UX & UI Designer
UX & UI Designer
Graphic Designer
Graphic Designer
Tool
Tool
Figma
Figma
Photoshop
Photoshop
Illustrator
Illustrator
After Effects
After Effects
Skills
Skills
UX Research
UX Research
Brand Identity
Brand Identity
Visual Design
Visual Design
Wireframe
Wireframe
Motion Design
Motion Design
Logo Design
Logo Design
Prototype
Prototype
Interaction Design
Interaction Design
Introduction
Introduction
Introducing Yummi
Introducing Yummi
An Ai chef that fits in your pocket, the ultimate know-it-all kitchen companion.
An Ai chef that fits in your pocket, the ultimate know-it-all kitchen companion.
Research
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.
Problems
Problems
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.
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.
Design
Design
Logo DEsign
Logo DEsign
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.
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.
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.
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.
Ideation
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.
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.
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.
Deliver
Deliver
Introducing Yummi
Introducing Yummi
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.
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.
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.
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.
Deliver
Deliver
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.
launch screen
launch screen
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.
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.
Home cook Mastery
Home cook Mastery
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.
Marketing
Marketing
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.
Mockups Design
Mockups Design
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)
Reflection
Reflection
things to improve~
things to improve~
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.
Reflections
Reflections
Next Project
Next Project
MyTripster
Your go-to platform for trip planning and finding the best deal, your all-in-one travel solution!
MyTripster
Your go-to platform for trip planning and finding the best deal, your all-in-one travel solution!
MyTripster
Your go-to platform for trip planning and finding the best deal, your all-in-one travel solution!