Cheesy Bites
App Design / 2021
The goal
Design an app for Cheesy Bites that allows users to easily order and pick up fresh, healthy dishes.
The problem
Commuters and busy workers lack the time necessary to prepare a meal.
Project duration
April 2021 to May 2021.
The product
Cheesy Bites is a local burger maker located in Hyderabad. Cheesy Bites strives to deliver healthy, specialty burgers and side dishes. They offer a wide spectrum of competitive pricing. Cheesy Bites targets customers like commuters and workers who lack the time or ability to prepare a family dinner.
My role
UX designer designing an app for Cheesy Bites from conception to delivery.
Responsibilities
Planning, conducting interviews, paper and digital wire framing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs. A primary user group identified through research
was university students who don’t have time to cook meals.
This user group confirmed initial assumptions about Cheesy Bites customers, but research
also revealed that time was not the only factor limiting users from cooking at home.
Other user problems included obligations, interests, or challenges that make it
difficult to get groceries for cooking or go to restaurants in-person.
➙ User research: pain points
Time
University students are too busy with research to spend time on meal preparation
Accessibility
Platforms for ordering food are not equipped with assistive technologies
IA
Text-heavy menus in apps are often difficult to read and order from
Costing
Platforms for ordering food suggests meal of high prices.
➙ Persona
Problem statement
Saad is busy research student who needs easy access to healthy food ordering options because they have no time to cook dinner for themself.
➙ User journey map
Mapping Saad’s user journey revealed how helpful it would be for users to have access to a dedicated Cheesy Bites app.
➙ Paper wireframes
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
➙ digital wireframes
Digital wireframe
➙ low-fidelity prototype
The low-fidelity prototype connected the primary user flow of building and ordering a burger, so the prototype could be used in a usability study with users.
View the Cheesy Bites. low-fidelity prototype.
➙ Usability study: parameters
Study type
Unmoderated Usability Study
Location
India; remote
Participants
4 Participants
Length
30-40 minutes
➙ Usability study: findings
1
Budget
People want to know the pricing of each customization layer
2
Convenience
People want more customization options
3
Participants
People want a delivery option
There were a few actionable insights I came up with from the usability studies. One of these was adding a price option within the app’s home screen to help users save even more time. And the early designs allowed for some customization, but after the usability study, I added the options to also choose type of burgers. This gives users the ability to order according to their dietary and health needs.
➙ Mockups
Added Profile Option
Added Customise Option
Added Price Option
➙ final Mockups
➙ high-fidelity prototype
The hi-fi prototype followed the same “build and order a pizza” user flow as the lo-fi prototype, and included the design changes made after the usability study.
View the Cheesy Bites high-fidelity prototype.
➙ Accessibility considerations
1
Used detailed imagery for burgers and ingredients to help all users better understand the designs.
2
Used icons to help make navigation easier.
3
Provided access to users who are vision impaired through adding alt text to images for screen readers.
takeaways
Impact
The app makes users feel like Cheesy Bites really thinks about how to meet their needs.
One quote from peer feedback:
“The app made me more attractive towards burgers and it’s so easy and fun to build my own burgers! I would definitely use this app as a go-to for a delicious, fast, and even healthy meal.”
What I Learned
While designing the Cheesy Bites app, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app’s designs.
Let's Connect
Thank you for your time reviewing my work on the Cheesy Bites app! If you’d like to
see more or get in touch, my contact information is provided below.
Email: uddin.mnu@gmail.com
You can also buy me a coffee here: www.buymeacoffee.com/Nizamuddn