Skip to main content

Shift4 Kiosk

Move the line.
Keep the appetite.

A touch-first ordering system built for faster decisions, clearer customization, and flexible checkout.

View the solution
Shift4 self-ordering kiosk interface
30%faster average order completion
20 ptsincrease in kiosk usage
15%fewer support tickets
MVPdelivered on schedule
Role
Product Designer
Focus
Research, interaction design, prototyping
Platform
15-inch self-service kiosk
Audience
Restaurant guests and operators

Every extra step becomes a line

Counter ordering created delays, manual-entry errors, and checkout friction when restaurants were busiest.

Restaurant guests waiting in a long ordering line
Long queues and repeated handoffs made speed and confidence the primary design requirements.
01

Peak-hour pressure

Long lines reduced throughput and made waiting feel uncertain.

02

Order ambiguity

Staff-entered orders introduced miscommunication and avoidable waste.

03

Payment friction

Guests needed the choice to pay at the kiosk or at the counter.

Design for a person standing, deciding, and hungry

The kiosk is not a large phone. Its form factor rewards fewer choices, bigger targets, and immediate feedback.

One purpose
per screen

Show only what helps the next decision.

Touch first

Large, forgiving targets support fast selection from different angles.

Visual before verbal

Food imagery and hierarchy make scanning faster than descriptions alone.

Recover clearly

Errors always provide an obvious route forward without a dead end.

Structure before polish

The work moved from complete journey mapping to hardware-scale wireframes, then into a working high-fidelity prototype.

Complete Shift4 Kiosk ordering flow
Mapping every branch exposed payment, loyalty, and recovery decisions early.
Early kiosk wireframe sketches
Actual-size wireframes established the menu, cart, and fixed checkout structure.
High-fidelity testing simulated the complete touch and payment journey.

Three changes removed hesitation

Testing focused the interface on precise selection, visible context, and confidence at checkout.

Category navigation

Turn narrow tabs into touch targets

Pill-style categories added separation, generous hit areas, and a clear active state.

Category tabs before redesign
Before
Category tabs after redesign
After
Modifier selection

Keep choices in view

A landscape layout used the kiosk width so guests could compare major options without excessive scrolling.

Modifier selection before redesign
Before
Modifier selection after redesign
After
Cart review

Make the order easy to verify

Persistent product details, totals, and actions reduced uncertainty before payment.

Cart before redesign
Before
Cart after redesign
After

A complete order, one clear decision at a time

The final 12-screen journey moves from welcome to feedback with a single job for every screen.

Kiosk welcome screen
Welcome
Order type selection
Order type
Menu browsing and cart
Build the order
Product customization
Customize
Payment method selection
Choose payment
Card payment instructions
Pay
Order confirmation
Confirm
Experience feedback
Feedback

Faster for guests. Lighter for staff.

The MVP improved the ordering experience while helping restaurants move more customers through peak periods.

4.5minutes before
3.1minutes after
+35%peak-hour throughput
20 pts

increase in kiosk adoption

15%

reduction in support tickets

0

post-launch hardware revisions

Design for the moment of use, not the screen size.