Redesigning a Restaurant App

eCommerce • Interaction Design • Visual Design

Introduction

Looking to create another eCommerce system I searched for restaurant chains without current food delivery apps. I eventually came across the In-N-Out Burger mobile app, one of the few restaurant chain apps that has yet to implement functionality that enables users to pre-order food. I scrolled through the reviews (below) to get user goal inspiration.

Reviews

In-N-Out Burger app reviews.

Notice in the top two screenshots the 3-star review at the left and the 1-star review at the right. The reviews from the bottom two screenshots speak for themselves. Based on the reviews I created two sets of user goals:

As a customer I want to…

Low fidelity wireframes.

In-N-Out Burger restaurant app redesign low fidelity wireframes.

I have multiple art degrees, so I promise I'm neither this bad at drawing nor this bad at handwriting. But often my designs begin as chicken scratch wireframes that allow me to get visual ideas on paper as quickly as possible to tackle the user goals above. What you see here is the pen and hand desperately attempting to keep up with the brain. The following 18 visual mockups are where I'm at so far as of November 15th.

Visual mockups.

In-N-Out Burger restaurant app redesign log in and sign up screens.

Log In screen (left) and Sign Up screen (right).

In-N-Out Burger restaurant app redesign order screen and delivery information.

Order screen (left) and Delivery Information screen (right).

In-N-Out Burger restaurant app redesign location screen.

Location screen with default (left) and location selected (right).

In-N-Out Burger restaurant app redesign menu and item.

Menu screen (left) screen and Item Overlay screen (right).

In-N-Out Burger restaurant app redesign menu and secret menu.

Menu w/ Item in Bag screen (left) and Secret Menu (right).

In-N-Out Burger restaurant app redesign bag and payment information.

Bag screen (left) and Payment Information (right).

In-N-Out Burger restaurant app redesign submit and order confirmation.

Submit screen (left) and Order Confirmation (right).

In-N-Out Burger restaurant app redesign tracking.

Tracking screens for delivery orders.

<- Improving Instagram With a Sorting System | Redesigning an Author's Website ->

Home > Work > Redesigning a Restaurant App