Bitez promotes cost-effective and healthy eating habits by providing users with features such as personalized recipe recommendations, grocery list creation, meal planning, and expense management. Its goal is to overcome the barriers of busy schedules and budget constraints that hinder people from cooking nutritious meals at home.
Duration
September - December 2020
Role
User research, UI/UX Design, Visual Design, Prototyping, Video Production
Tools
Figma, Adobe Illustrator, Adobe After Effects
TEam
Nicole Lozano, Christopher Bolliger, Brandon De Oliveira, Wishah Qaisar
People struggle with cooking healthy meals at home and based on our research, the primary causes are due to time, budget, and convenience.
Time
Cooking takes more time than ordering takeout due to the preparation involved in deciding what to cook and purchasing the required ingredients.
budget
Individuals struggle to find healthy recipes and food that fit their grocery budget which causes them to choose unhealthy options.
convenience
Busy schedules hinder meal preparation and cooking. Limited time leads people to prefer efficient and easier recipes.
A mobile application platform that encourages individuals to cook and eat healthy in a way that saves them time, money and willpower.
View Prototype01
onboarding
Personalized profile based on onboarding process. Choose budget, diet preferences and cooking experience.
02
New recipes
Discover recipes, apply filters based on your tastes, and bookmark your favourites for later.
03
Meal planning
Efficiently plan your meals and view your monthly meal schedule.
04
Managing your pantry
Monitor your ingredients, generate grocery lists, and craft meals based on your available supplies.
05
Budgeting groceries
Manage your monthly grocery budget and maintain control over your spending.
Ideation
Benchmark Analysis
P.A.C.T. Analysis
System Requirements
System Map
Interview Plan
Interview Insights
User Personas & Scenarios
We started with a PACT analysis (People, Activities, Context, and Technologies) and used the MoSCoW method to define our application's goals. This helped us understand our users' essential needs. Then, we created user personas and scenarios to gain deeper insights before proceeding to wireframing and prototyping. Our aim was to identify and address the challenges of cooking healthy recipes on a budget through our design.
View full phase 1.webp)
.webp)
UI Research
High-Fidelity
Wireframes
Visual Compositions
Next, we utilized Figma as our design tool to construct the initial prototype, visualizing the app's interface. After numerous iterations, we settled on a refreshing and user-friendly design with a minimal colour scheme that highlights the photographs.
View full phase 2
User Testing Plan
Objectives & Scenarios
Interview Plan
User Testing Reflection
User Testing Analysis
Proposed Changes
We proceeded to test our prototype with potential users to gather valuable insights regarding the application's flow, effectiveness, and visual design. These user-testing sessions were conducted via video conferences, enabling us to obtain a deeper understanding of the necessary improvements. Following the analysis and user feedback, we generated proposed changes based on the collected insights.
View full phase 3
Logotype & Colour
Illustrations & Typography
Iconography
Buttons & Text Boxes
Layouts & Interactions
In the final stage of our design process, we developed a comprehensive style guide that comprised of the visual elements of our application, as well as the overarching brand guidelines.
View full phase 4
When working with a team, collaboration is key to a successful project. Constant communication between members throughout the whole process is important in getting everyone's input, ideas and solutions.
Gathering research on our intended users was a critical stage in ideating and improving the final product. We aim to produce designs that is beneficial to our audience, through user-testability, we were able to focus on those details and implement them into the final product.