An in-house order menu/payment mobile app for restaurant.

May to July 2021

UX designer designing an app for restaurants in-house orders menu/payment.from conception to delivery.

Conducting interviews and surveys, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Menu has disappeared from all restaurants with the pandemic, many countries sat up new regulations. Therefore many restaurants start using QR code that leads to PDF file in a cloud services which is not an ideal experience as viewing a full A4 size menu in a mobile screen hasn’t been a great idea ever since smart phone were invented. menu/payment app has become an essential part of the hospitality industry if there is a chance of a fast economic recovery within the next three years.

Our Halla App will let users brows food menu order and pay for an inhouse experience  which will affect how people enjoy their time outdoors by providing a fast and contact free food ordering experience. We will measure effectiveness by tracking QR codes URL and user app review as well as the number of order.

Adults were too afraid to return to restaurants for dining duo to the pandemic.

Traditional paper menu were considered to be a high threat as it might contain viruses which can be avoided in digital form.

Small pictures app and pdfs menus are often difficult to view and order from.

To ensure that the elements that made it to digital wireframes would be well-suited to address users pain points.  I prioritized a quick and easy ordering process including big visuals, to help the end-users accept the new safe normal when it comes to food in-house orders.

The goal was to design a simple and familiar user interface. the first page of the app is inspired by the use of camera in SnapChat which is the top social media used in Saudi Arabia followed by twitter.

The goal is to make everything visible to the user in one page as this is about spending less time ordering so they can focus on enjoying their time.

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was ordering a meal, so the prototype could be used in a usability study.

View the Lo-Fi prototype

1. Users wish to be able to pay right from the app before/after enjoying their meal.

2. Users want more customization options.

3. Users wants to access  their favorites food at  their profile page.

1. The lack of the back button has confused users navigations

2. Users want to be able to choose their table number at the beginning.

Early designs missed the a clear add buttons, the usability studies lead to adding an additional option to Add the quantity number. The rating design were minimised so users can focus more on the big meal visuals when they first land on the screen.

The final high-fidelity prototype presented cleaner user flows from scanning the chosen restaurant QR code to  order and checkout. It also met user needs for a paying later option as well as choosing the table number.

View the Hi-Fi prototype

The app makes users feel like they can have their favourite restaurants menu accessible  through their mobile phones at anytime they check in. 

One quote from peer feedback: 

“I would definitely use this app as a go-to for menu in house order as I am really tired of PDFs menu navigation on my phone screen.”

While designing the Halla app, I learned that how our own biases can influence the work we do without realising it, methods like design thinking and usability studies and end-users feedback influenced each iteration of the app’s designs.