Pizza Plava App
Application | Design
Plava Restaurant is a local restaurant that offers a wide selection of meals, including pizza, steaks and salads. They currently have an unsatisfactory web solution for online orders that offers only pizzas, and are looking for a dedicated mobile app for their customers, in an easy-to-use solution and covering their entire menu.
- Create a customer-oriented, easy-to-use dedicated mobile app that will provide a good user experience
- Start in October 2021
- End in December 2022
- Research and usability studies
- Wireframes and prototypes
- Application design
- Created in Figma
Challenge & Solution
The restaurant had a very small number of online orders, had to deal with a much larger amount of telephone orders, and unhappy customers who tried to order online but either could not get the items they wanted or did not get any kind of notification for their order.
The goal of the new solution is to create a customer-oriented, easy-to-use dedicated mobile app that will provide a good user experience. A solution that differs from the competition and increases online ordering.
Understanding the user
For this project, interviews and empathy maps were created to understand the product user and their needs. A primary user group identified through research was working adults who are either too busy to cook meals for themselves/their family or adults who are looking for a meal with a short delivery time while having friends around.
This user group confirmed initial assumptions about Restaurant Plava. Research also revealed that the user would welcome healthier options, instead of only pizza, which some considered not as nutritious. Other issues reported by users included work schedule, busy lifestyle, inability to prepare meals, and stress caused when ordering meals via apps that were not working well.
I chose font faces and colors in accordance with accessibility standards. Before deciding on a color scheme, I checked each color for contrast ratio to make sure the combination will work across devices a and for all users.
Starting the design
Digital wireframes were created for this project to ensure that the application has the required functionalities: a simple ordering process, a detailed summary page, several payment options, a confirmation page, and a tracking feature were prioritized.
Using drafted digital screens, a low-fidelity prototype was created. The primary user flow was connected in order to be tested in a usability study.
Usability study findings
1. Users did not understand the plus button in lo-fi prototype
2. Users wanted more payment options not just online payment
3. Users are excited to have the tracking feature
Before I started to work on hi-fi mockups, I changed the design according to the users‘ feedback. I added a feature that appears to show the additional options (adding ingredients, showing allergens, saving to favorites). I also added a payment option of COD. After I finished making changes I created mockups.
A final high-fidelity prototype reflected insights from the usability study (cleaner user flow, better navigation, some items not working). Hi-fi prototype also met user needs for quick order, confirmation page and tracking feature.
Accessibility is a fairly neglected area. For me personally, it is very important to adhere to accessibility standards. Not only for users with disabilities but to improve the user experience of all users.
Colors were chosen in accordance with contrast ratio standards.
Font faces and size
Fonts Raleway Regular and Raleway Heavy are easy to read, and sizes are big enough to be comfortably read for most users.
Icons and imagery
The prototype includes icons and pictures to help make navigation easier.
The prototype provides good technical background for screen readers.
The app lets users order a variety of meals, including healthy meals, quickly and easily. It also shows that Restaurant Plava thinks about users‘ needs and how to meet them.
What I learned
While designing Pizza Plava dedicated app, I was considering a more complicated design. Eventually, I chose a simpler UI to make sure that the app was more intuitive.
I realized that a good design is not about a lot of functions and fancy UI but is really focused on the users and meeting their needs.
Conduct another usability study in a few months time to validate whether the pain points users experienced have been effectively addressed.
Conducts more user research on a regular basis to determine any new areas of need. Recommended on a yearly basis.
Continuously improve the app in accordance with usability study and research to ensure the app meets the users‘ and business needs.
Thanks for Reading!
Did you like this case study and are you interested in cooperation? Let me know and we can discuss how I can help you.