Redesigning a Restaurant App
eCommerce • Interaction Design • Visual Design
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.
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…
- Pre-order a pickup meal
- Order online
- Have my food delivered
- Know wait times
- Accomplish everything without signing up
- Have multiple payment options
- Check gift card balance
- Add money to gift cards
- Read nutrition facts
- Create favorite orders
- View my order history
- Track a delivery
- Track an order as it's prepared
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.
Log In screen (left) and Sign Up screen (right).
Order screen (left) and Delivery Information screen (right).
Location screen with default (left) and location selected (right).
Menu screen (left) screen and Item Overlay screen (right).
Menu w/ Item in Bag screen (left) and Secret Menu (right).
Bag screen (left) and Payment Information (right).
Submit screen (left) and Order Confirmation (right).
Tracking screens for delivery orders.