Design sample Invented brand, invented prices, simulated pumps. Not a real forecourt and not a real till. Read the system design →

● Zagros Fuels — Site 04

Shift Nights Attendant K. Ahmed --:--:--

Counter

Pump 1

Click a pump, or press its number. Amber means a nozzle is up and waiting on you; red means fuel has gone out and nothing has come in.

This shift

Litres
0
Taken
0.00
Sales
0
Outstanding
0.00

Recent transactions

TimePumpGradeLitresValue

Underground tanks

The mark on each bar is the reorder line. Petrol 98 starts below it on purpose, so the low-stock behaviour is visible without waiting.

How it is designed

A forecourt screen has one job that no dashboard has: it must be readable by somebody who is not looking at it. The person operating it is serving a customer, facing away, and glancing up. Everything here follows from that.

State lives in colour, not in words

Every pump carries a strip down its left edge, and there are only four colours to learn: grey is nothing, green is delivering, amber is a nozzle up and waiting on you, red is fuel gone with nothing taken for it. The words underneath are for confirming a decision already made from across the room, not for making it.

Only the loss case is allowed to move

A screen where everything animates is a screen nobody looks at. The green dot pulses because it means work is in progress; the red border breathes because it means money is walking away. Nothing else on the page moves at all — which is what makes those two impossible to miss.

The tank falls on the same tick as the pump

Not at the end of the sale, and not from a summed total at close. The obvious implementation — total the shift and subtract once — loses the whole difference silently if anything crashes mid-shift. Taking it litre by litre means the worst case is a partial delivery that is still visible in both places, and the numbers can never quietly disagree.

Drive-offs are designed for, not reported on

Leave a pump on Lifted without authorising it and the customer eventually gives up and leaves. That is the actual failure this screen exists to prevent, so it is simulated rather than hidden — a console that only ever shows the happy path teaches nobody anything.

One pump, five states - the console only ever shows one of themIdlenothing on the hoseLiftedwaiting on the counterDeliveringlitres and money tick togetherOwedfuel gone, not yet paidSettledwritten to the logDrive-offNobody authorised it in timeUnpaidFuel dispensed, no payment takenEnd of shift - three counts that were never allowed to drift apartPump totaliserwhat the meters sayTank dipwhat is left undergroundTransaction logwhat was charged forWhy the tank is decremented on the same tick as the pumpSumming the sales at the end and subtracting once means a crash mid-shift loses the whole difference, silently.Taking it litre by litre means the worst case is a partial delivery that is still visible in both places.
Five states, two ways to lose money, and three counts that have to agree by morning.

Other demos · Hire the designer