top of page
FOODZIES
Redefining home cooking with effortless recipes and convenient pickup options
Overview
Foodzies change how people cook at home. It offers easy recipes so you can get creative without any trouble. What's special about Foodzies is that it works with nearby stores. You pick what you want to make, and the ingredients are ready for you to grab.
No more waiting in long lines at the store. Foodzies makes it simple, so you can enjoy tasty, homemade meals without the hassle of shopping.
Problem
Many people want to cook delicious meals at home but struggle with the time-consuming process of planning recipes, gathering ingredients, and navigating crowded grocery stores. Busy schedules and long lines often discourage individuals from pursuing their culinary aspirations, leading to reliance on less healthy and convenient meal options.
My Role
UX Research
UX Design
UI Design
Tools
Figma
Google Docs
Google Forms
Solution
Foodzies allows individuals to overcome the challenges of home cooking with a personalized and convenient approach. By offering a user-friendly platform, Foodzies enables users to effortlessly explore a variety of recipes tailored to their preferences and dietary requirements. Through seamless integration with local stores, users can send their recipe ingredient lists for hassle-free pickup, eliminating the need to navigate crowded aisles and long checkout lines.
Timeline
-
Every Friday for 4 Months. VCOM 451 (Start-up class)
-
Working with another UX/UI Designer and 3 Web Developers
Process
User Stories
User Research
User Flows
LowFi Designs
HiFi Designs
Branding/Style Guide
Research Objectives
-
Investigate dietary preferences, food choices, and cooking habits.
-
Identify pain points in meal planning, grocery shopping, and cooking.
-
Analyze existing meal planning and grocery delivery services.
-
Define the primary demographic groups that are likely to use Foodzies, such as busy professionals, families, or health-conscious individuals.
-
Research potential collaborations with grocery stores or suppliers.
Competitive Research
I examined industry leaders like Uber Eats, DoorDash, Instacart, and Factor_. Each offers distinct services, from restaurant food delivery to grocery delivery and pre-prepared meals, guiding our strategy to position Foodzies
Competitive Research Findings
-
Diverse offerings include restaurant food delivery, grocery delivery, and pre-prepared meal delivery.
-
Recognized varying user needs such as convenience, variety, and health-conscious options.
-
Expensive fees at checkout.
-
Users appreciate services that saves them tiime.
User Research
We used Google Forms to conduct user surveys for Foodzies, gathering insights on preferences, dietary habits, and expectations. Surveys were distributed through social media and family, helping us understand user needs for product development.
Research Findings
-
54 responses
-
Typically cook at home
-
Interested in nutrition facts
-
Busy lifestyle
-
Age range 23- 40
-
Many have food allergies
-
Spend 30 min - 1 hour cooking
Who are we designing for?
I gathered data from surveys and interviews to understand our target audience's demographics and preferences. Then, I identified common patterns to create distinct personas.
Prioritizing Features
Suggestions based on dietary preferences
Nutrition facts
Add and subtract ingredients
Categories for different recipes
User Flows
Sketching out Foodzies' app user flow visualizes every step, from opening to ordering. We refine for simplicity and satisfaction, integrating features like ingredient modification and nutrition facts based on survey data. This ensures an intuitive experience for all users, aligning with their preferences and needs.
User Stories
As a new user, I want to be able to sign in, create an account, or skip.
As a user, I want to browse meals that I want to eat.
As a user I want to check the ingredients and nutrition facts for each meal I click on.
As a user I want to add the meal to my cart, adding or subtracting ingredients I want.
As a user i want to send my items to a store for pick up and cook at home.
Low Fidelity
In the low-fidelity design phase for Foodzies, we create simplified wireframes to outline key screens and interactions, like the homepage and checkout process, based on the data we collected from user surveys and research. These rough sketches allow us to iterate quickly and gather feedback, ensuring the final design meets user needs effectively.
Style Guide & Branding
The style guide for Foodzies integrates a tasteful combination of green and greys, not only for aesthetic appeal but also to symbolize health and vitality. Green, often associated with nature and freshness, signifies our commitment to offering wholesome and nutritious meal options. Icons and buttons are thoughtfully designed with simplicity in mind, ensuring a seamless and intuitive user experience that reflects our dedication to promoting health and well-being.
High Fidelity
In the high-fidelity design phase for Foodzies, we translate our low-fidelity wireframes into polished, detailed mockups that accurately represent the final look and feel of our app.
.png)
.png)
.png)
.png)
.png)
Final Designs
Our final design of Foodzies ensures a smooth and easy experience, allowing users to choose a meal and automatically fill their cart with the needed ingredients. Each ingredient is clearly labeled with its name, measurement unit, and adjustable quantity controls for simple customization. This straightforward interface makes meal preparation accurate and personalized, making Foodzies both flexible and easy to use.
Login/Signup/Onboarding
Home Page
Meal Menu
Adding to Cart
After selecting the meal you want to eat, you can easily add it to your cart by tapping the "Add to Cart" button below. You can also choose the quantity of meals you would like to order.
Cart/Add or Subtract Ingredients
After adding their meal to the cart, users can increase or decrease the quantity of meals they want to order. The ingredients for that meal are also listed below, showing the user which ingredients are needed to cook the meal. Users can add or subtract certain ingredients as needed. Same goes for the meals. Increasing and decreasing the meals will adjust the ingredients as well.
Reflection
After developing this app with a team, I learned a great deal about collaboration and the importance of sharing ideas to improve our product. We discovered that understanding how users interact with the app is crucial. Conducting research on our audience provided valuable insights into their needs, allowing us to design the app to serve them better. This experience highlighted the value of teamwork and the importance of listening to user feedback to continually enhance the app.
An example of this collaborative effort was our work on the cart page. As a team, we went through many iterations to determine the best way for users to add meals and their ingredients. This process involved brainstorming, testing different designs, and incorporating feedback to ensure a seamless and user-friendly experience.
bottom of page