top of page

Restaurant Application

MimiLogoas.png
New User Home Screen 1.png
Group 239.png
Menu Screen after selecting Restaurant.png
Modal of More Info of Selected Item.png

Sapa Investment Group

Sapa Investment Group own many different kinds of restaurants, each with individual POS and ordering systems. Goals outlined from the C-Level stakeholders were to improve the online and in restaurant process, reduce the interaction with servers during the Covid-19 pandemic, and provide cultural information to the customer on how their food is prepared and where it originated from. With these needs in mind, I designed an introductory application for customers to order in restaurant, or online 

Designed using 
Adobe XD, Adobe Photoshop, Illustrator and After Effects

Problem Statement

Frequent customers are unable to order items online through the individual restaurant websites, or utilize services such as GrubHub or Door Dash. One the Covid-19 pandemic hit, the restaurants saw a significant decrease in revenue due to these issues. Creating a proprietary ordering system to streamline the processes became key to serving the community and keeping their staff employed. 

Step 1: Research
   

MimiLogoas.png

Findings

7 out of 8 customers surveyed wanted an easy way to order items online

2 out of 3 employees surveyed stated that placing customers orders online was time consuming and difficult to manage

6 out of 8 customers surveyed would rather order from a QR Code to expedite ordering while in the restaurant

4 out of 4 restaurant managers surveyed reported reduction in staffing, and the need for a more streamlined ordering process

Customer Frustrations

I want to order from my favorite restaurant, but they don't offer options for delivery

Step 2: Define
   

MimiLogoas.png
Screen Shot 2022-01-28 at 11.42.40 AM.png

Findings

Created a User Persona and mapped out the customers online and in restaurant ordering process. 

This process helped identify key features that will be necessary for the initial MVP. 

This journey identified that the most in need feature was in-restaurant ordering. 

Step 3: Ideate
   

MimiLogoas.png

Findings

Brainstormed Ideas to determine what key features were necessary to answer the problem statement. 

The most Desirable, Feasible and Viable feature during the brainstorming session was:

"Ordering items should be easy for both in restaurant dining as well as online"

The user flow below were determine based off the chosen features.

Screen Shot 2022-01-28 at 12.11.10 PM.png

Application Flow Chart

To get an even more in-depth look into the structure of the watch application, I put together simple flow chart of the the page transitions and user interactions of the application.

Online Ordering Flow

Customers need a quick an easy way to initiate their order while in the restaurant prior to servers coming to their table. 

Make Selection

Select In Restaurant or Online

View Menu

View Menu Option

Add Item

Add Item to your table or to-go

Account Created

Create Account

Complete Order

Complete and track order

High Fidelity Mockups

User Flow: Customer Ordering Items for Pickup

Customer uses app to decide which Sapa Restaurant they would like to visit, and places order to be picked up.

Dark Theme Scan Code.jpg
Standby Screen.png
Connecting ONe.png
Group 662.png

Dr. Scans Code with Tablet

Watch Syncs with Patient

Watch Starts Sync with Devices

Left Front Device Synced

Group 663.png
Group 664.png
Group 665.png
Group 666.png

Right Front Device Synced

Left Ear Device Synced

Right Ear Device Synced

All Devices Connected

Customer select option

New User Home Screen 1.png

Selection of Restaurant

Group 239.png

View Top Menu Picks

Menu Screen after selecting Restaurant.png

On Hove of Item

Modal of More Info of Selected Item.png

Item Added to Cart

Sweet Alert of Item Added to Order 2.png

Updated View

Selecting item from Add Icon.png

More Info Clicked

Modal of More Info of Selected Item – 1.png

View of Items in Cart

Order Screen From Top Icon.png

User Flow: Customer Ordering Items for Pickup

Customer registers a new account after placing order.  
Forgot password email and confirmation code created.

Log In or Register

Login or Register – 3.png

Registration

Registering without 3 Party – 1.png

Add Payment Info

Payment Information after Registering – 1.png

Receipt of Item

Receipt and Order Confirmation – 3.png

Forgot Password

Login or Register – 4.png

Submit Email

Login or Register – 5.png

Email Sent Alert

Login or Register – 6.png

Confirm Code

Login or Register – 7.png
Rice Balls and Eggs

Problem
Statement

Solution

Frequent customers are unable to order items online through the individual restaurant websites, or utilize services such as GrubHub or Door Dash. One the Covid-19 pandemic hit, the restaurants saw a significant decrease in revenue due to these issues. Creating a proprietary ordering system to streamline the processes became key to serving the community and keeping their staff employed. 

The initial iteration of the Restaurant application serves to allow customers to order items via the table, or online.  This solves the problem of lack of staff as well as inefficient take-out ordering. Further iterations will include VR of food items, and a backend application for the kitchen. 

MimiLogoas.png

Mimi Detmers

UX/UI Designer

bottom of page