TOP
Bonza
A healthy approach to ordering food.
A healthy approach to ordering food.
A healthy approach to ordering food.
Research
Competitive analysis
User interviews
Personas
User journey maps
Wireframes
High-fidelity UI
Prototype
Usability study
Accessibility evaluation
Design thinking
Role
Role
Solo UX/UI designer on Google’s UX Certificate project
Solo UX/UI designer on Google’s UX Certificate project
Timeline
Timeline
January - March 2023
January - March 2023
Location
Location
Belgrade, Serbia
Belgrade, Serbia
OVERVIEW
OVERVIEW
Bonza is a modern restaurant offering a variety of healthy meals to choose from. In order to stay competitive on the market, Bonza needs a way to allow it’s customers to order food online quickly and easily, as target customers are mostly busy working adults who lack the time to prepare meals and visit restaurants.
Bonza is a modern restaurant offering a variety of healthy meals to choose from. In order to stay competitive on the market, Bonza needs a way to allow it’s customers to order food online quickly and easily, as target customers are mostly busy working adults who lack the time to prepare meals and visit restaurants.
PROBLEM
PROBLEM
Busy people with dietary restrictions have a hard time finding and ordering meals suitable for them
Busy people with dietary restrictions have a hard time finding and ordering meals suitable for them
Busy people with dietary restrictions have a hard time finding and ordering meals suitable for them
THE GOAL
THE GOAL
Design a mobile app that allows users to easily identify, search and order meals suitable for their dietary restrictions
Design a mobile app that allows users to easily identify, search and order meals suitable for their dietary restrictions
Design a mobile app that allows users to easily identify, search and order meals suitable for their dietary restrictions
User interviews
User interviews
I conducted interviews with 5 users to help me understand users I’m designing for and their needs. A primary user group identified through research was working adults who don’t have the time to cook meals.
This user group confirmed initial assumptions about time being the main factor limiting users from cooking or going to restaurants in-person, but it also reveled other challenges users are facing when ordering food from restaurants - dietary restrictions and food intolerances being the main one.
I conducted interviews with 5 users to help me understand users I’m designing for and their needs. A primary user group identified through research was working adults who don’t have the time to cook meals.
This user group confirmed initial assumptions about time being the main factor limiting users from cooking or going to restaurants in-person, but it also reveled other challenges users are facing when ordering food from restaurants - dietary restrictions and food intolerances being the main one.
PAIN POINTS
PAIN POINTS
Information architecture
Information architecture
Meals suitable for people with food intolerances are hard to identify and search for
Meals suitable for people with food intolerances are hard to identify and search for
Time
Time
Working adults are too busy to spend time on meal preparation
Working adults are too busy to spend time on meal preparation
Information architecture
Information architecture
Text-heavy menus are difficult and time consuming to read and order from
Text-heavy menus are difficult and time consuming to read and order from
competitive audit
competitive audit
The competition didn’t have categories for dietary restrictions
The competition didn’t have categories for dietary restrictions
The competition didn’t have categories for dietary restrictions
While keeping users pain points in mind, I analyzed 3 most popular food ordering and delivery apps. I found out that none of them had ways for users to filter out or easily find food that is suitable for food intolerances, allergies or dietary restrictions. This became an opportunity to design a solution.
While keeping users pain points in mind, I analyzed 3 most popular food ordering and delivery apps. I found out that none of them had ways for users to filter out or easily find food that is suitable for food intolerances, allergies or dietary restrictions. This became an opportunity to design a solution.
Kafeterija
Kafeterija
Wolt
Wolt
Pizza Bar
Pizza Bar
persona
persona
User journey maps
User journey maps
Mapping Nora’s user journey revealed how helpful it would be for users to have a dedicated app for a restaurant that offers special categories of food for people with dietary restrictions.
Mapping Nora’s user journey revealed how helpful it would be for users to have a dedicated app for a restaurant that offers special categories of food for people with dietary restrictions.
Digital wireframes
Digital wireframes
I proceeded to design digital wireframes of the main flow, while making sure to base screen designs on findings from user research.
I proceeded to design digital wireframes of the main flow, while making sure to base screen designs on findings from user research.
usability study - findings
usability study - findings
I conducted 2 rounds of usability studies. Findings from the first study helped guide design from wireframes to mockups. The second study used high-fidelity prototype and revealed what aspects of the mockups needed refining.
I conducted 2 rounds of usability studies. Findings from the first study helped guide design from wireframes to mockups. The second study used high-fidelity prototype and revealed what aspects of the mockups needed refining.
Round 1
Users want more healthy food options
Users want to continue browsing the menu after adding a meal to order
Round 2
Having “Go to Order” button showing when your order is empty is unnecessary and confusing to users
Users would like to see the total price of their order while they are browsing the menu
After the first round of usability studies, I added an additional option - “keto” food category, as many users were interested in it.
After the first round of usability studies, I added an additional option - “keto” food category, as many users were interested in it.
After the first round of usability studies, I added an additional option - “keto” food category, as many users were interested in it.
After the first round of usability studies, I added an additional option - “keto” food category, as many users were interested in it.
THE FINAL DESIGN
THE FINAL DESIGN
accessibility considerations
accessibility considerations
First version of mockups used colors to label meals of different food categories. However, after learning more about accessibility, I realized that using only color to differentiate categories would be difficult for users with color vision deficiencies, so I iterated on design and decided to use color + different icons for food categories.
Ensured that all text elements have enough contrast according to WCAG.
First version of mockups used colors to label meals of different food categories. However, after learning more about accessibility, I realized that using only color to differentiate categories would be difficult for users with color vision deficiencies, so I iterated on design and decided to use color + different icons for food categories.
Ensured that all text elements have enough contrast according to WCAG.
takeaways + next steps
takeaways + next steps
What I learned:
While designing this app I learned that usability studies can take designs in a direction you could never anticipate
Iterating on designs is the key, because every step of the process gives you new insights
Feedback helps you grow. I’m thankful that feedback from my peers and mentors helped me identify UI mistakes as well as UX problems
What I learned:
While designing this app I learned that usability studies can take designs in a direction you could never anticipate
Iterating on designs is the key, because every step of the process gives you new insights
Feedback helps you grow. I’m thankful that feedback from my peers and mentors helped me identify UI mistakes as well as UX problems
Improving the app further:
Improve delivery feature with real-time delivery tracking
Add a loyalty program
Conduct another round of usability study of the new feature to identify any pain points
Improving the app further:
Improve delivery feature with real-time delivery tracking
Add a loyalty program
Conduct another round of usability study of the new feature to identify any pain points
Thank you for reading!
Thank you for reading!
Thank you for reading!