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.

Project goals

  • Create a customer-oriented, easy-to-use dedicated mobile app that will provide a good user experience

Duration

  • Start in October 2021
  • End in December 2022

Responsibilities

  • Research and usability studies
  • Wireframes and prototypes
  • Mockups

Deliverables

  • 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.

Persona Lucas

Persona Jana

Visual style

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

Mockups

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. 

High-fidelity prototype

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 considerations

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.

Contrast

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.

Logical structure

The prototype provides good technical background for screen readers.

Going forward

Takeaways

Impact

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.

Next steps

Usability study

Conduct another usability study in a few months time to validate whether the pain points users experienced have been effectively addressed.

Research

Conducts more user research on a regular basis to determine any new areas of need. Recommended on a yearly basis.

Continuous improvement

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.