Skip to main content

enemy no.08 · kaijū filedefeated

One order.Three ways.

The Passepartout ordering system, made readable on phone, table and kiosk. The features were not ours to change. The clarity was.

date
2023
role
UX/UI designer
platform
Phone, tablet, kiosk

the idea

Same flows, new clarity: what you see first, how big it is, and how screens differ.

boss no.08the problem

Tablet Trinity

Three tablets and a prayer.

boss stats

  • 82%
    of staff find the UI unusable
  • 56%
    of over-50s need help to order

who it’s for

One runs it. One’s hungry.

Both sides of the counter, same patience level.

Big buttons for both.

prestoOrder no. 1
Michele D., illustrated

Michele D.

Gen X, 45–50

the problemThree tablets to run one restaurant.

“One system, not three tablets and a prayer.”

TotalFewer tablets

prestoOrder no. 2
Simona R., illustrated

Simona R.

Boomer, 60–65

the problemThe kiosk feels like a code to crack.

“I just want to order my sandwich.”

TotalA sandwich, please

the process

We mapped the enemy.

01 · research

Ask the kitchen and the queue

Usability gaps across dine-in, delivery and kiosk.

50
restaurant staff
100
customers

02 · synthesis

Old features, hidden

Nobody asked for new features. They asked to find the ones that were already there.

03 · the spine

One order, three devices

Phone, table and kiosk keep these steps in this order. Only the size changes.

04 · the rules

What we could touch

The brief, in four cards.

the blueprint · phone

Grey first, in the hand.

Delivery or pickup, from the sofa: one thumb, one action per screen.

Choosemode, menu, dish

presto phone wireframe: mainpresto phone wireframe: novitapresto phone wireframe: appetizerspresto phone wireframe: allergenipresto phone wireframe: piattopresto phone wireframe: aggiunto

Paycart, drink, delivery

presto phone wireframe: carrellopresto phone wireframe: setepresto phone wireframe: consegnapresto phone wireframe: totalepresto phone wireframe: accettato

the blueprint · table

Grey first, at the table.

Landscape, at arm’s length, shared by everyone sitting there.

Sit downtable, menu, allergens

presto tablet wireframe: benvenutopresto tablet wireframe: menupresto tablet wireframe: allergeni

Choosedish, changes, drinks

presto tablet wireframe: piattopresto tablet wireframe: modificapresto tablet wireframe: sete

Sendcheck, kitchen, bill

presto tablet wireframe: riepilogopresto tablet wireframe: inviatopresto tablet wireframe: conto

the blueprint · kiosk

Grey first, in the queue.

Portrait, read from a step back, with people waiting behind.

Choosestart, card, dish

presto kiosk wireframe: attesapresto kiosk wireframe: linguapresto kiosk wireframe: fedeltapresto kiosk wireframe: menupresto kiosk wireframe: piatto

Paydrink, cart, pick up

presto kiosk wireframe: setepresto kiosk wireframe: carrellopresto kiosk wireframe: consumopresto kiosk wireframe: pagamentopresto kiosk wireframe: numero

the phone

From hungry to served.

1

Choose

(delivery or pickup)

presto: choose delivery or pickup
2

Browse

(categories you can see)

presto: what’s new, with photo categories
3

Pick

(allergens up top)

presto: dish detail with allergens and one main action
4

Pay

(one total to confirm)

presto: payment with labelled steps and total

the phone, in full

Familiar, finally polished.

Everything is where regulars expect it.

Choosecategory, allergens, extras

presto: categorypresto: allergenspresto: added, with pairingspresto: drink prompt

Paycart, delivery, done

presto: cartpresto: deliverypresto: order accepted

the table

Same order, seated.

The tablet lives on the table: one shared order, from the first dish to the bill.

Sit downtable, menu, allergens

presto: tablet welcome, table and guestspresto: tablet menu with the table order on the sidepresto: tablet allergens for the whole table

Choosedish, changes, drinks

presto: tablet dish detailpresto: tablet changes and extraspresto: tablet drink prompt

Sendcheck, kitchen, bill

presto: tablet order check before the kitchenpresto: tablet order in the kitchenpresto: tablet bill

the kiosk

Same order, standing.

Built for distance and a queue behind you: bigger targets, fewer words.

Choosestart, card, dish

presto: kiosk attract screenpresto: kiosk languagepresto: kiosk loyalty cardpresto: kiosk menupresto: kiosk dish with changes and extras

Paydrink, cart, pick up

presto: kiosk drink promptpresto: kiosk cartpresto: kiosk eat in or take awaypresto: kiosk paymentpresto: kiosk order number

ux decisions

Small calls for a busy room.

  1. One action per screen

    If two buttons look equally important, the customer asks a waiter.

  2. Allergens before prose

    A filter on top and readable tags: under pressure, nobody reads a paragraph.

  3. Steps with names

    Carrello, Consegna, Pagamento, Conferma: icons alone said nothing.

  4. No lorem ipsum at the till

    Every helper line says something real, from delivery time to the rider.

brand & system

Blue, nothing to decipher.

Blue for actions, navy for text, quiet white around the food. One kit, from phone to kiosk.

aftermath

One order, three screens.

Phone, table tablet and kiosk now speak the same presto.

Same steps, different reach.

Dish, changes, extras, drink, cart, pay: identical on every device, sized for a thumb, a table or a queue.

Readable from a metre away.

On the kiosk, type and buttons grow for someone standing, with a queue behind.

© 2026 alessio bartolini