PC Solutions Dashboard
The shop’s own service desk: what is on the bench, what is waiting on a part, what is ready to call about — with work orders, customers, billing and parts a click away, and a self-service check-in a customer fills in at the counter before anyone touches the machine.
- Trade
- Repair-shop operations
- Made
- Bench dashboard, work orders, customers, billing, parts, check-in
- Runs on
- Next.js 16 · React 19
- Live at
- Internal — not a public site
The brief
PC Solutions runs its own repairs on this. It had to hold a whole day at the counter — what is open, what is waiting on a part, what is ready to call about — and take the intake itself, so a customer fills in their own device, access and peripherals before anybody opens the machine.
Decision 01
Status is a color before it is a word.
A ticket can be in eleven states, but a bench only needs to tell six apart, so eleven collapse into six values and nothing else in the tool is allowed to use them. The row carries its own color down its left edge. From across the counter it reads as Received or Ready without anyone getting close enough to read it.
- Headings
- Plus Jakarta Sans 700/800
- Interface
- Inter 400–800
Not a brand palette — a vocabulary. Each value means one state and is used for nothing else, so the tint on a pill, the dot inside it and the bar down the left of the row are the same fact said three times.
Decision 02
The customer does the intake.
Eleven steps on the counter iPad: device, make and model, what they want done, the logins we need to get in, which peripherals came in the bag, what is wrong, and a signature — filled in by the person who knows the answers. One question a screen, big enough to answer standing up. The alternative is a technician typing while someone recites passwords at him.
Decision 03
One screen has to answer “where is my computer?”
Six numbers across the top — active, ready for pickup, on the bench, waiting on parts, finished this month, taken this month. Under them the day’s bench: every ticket with its owner, its device, what is wrong with it, when it came in and the day it is promised by, the late ones on top and tinted. That is the call the shop takes most, answered without opening anything.
Live · the real component, running here
The real KPI row and work-order table, running here on the tool’s own mock fixture — that file has never held a customer record. Sort on any column heading; open a status pill and the whole eleven-state lifecycle is there, and picking one re-colors the row. A phone gets the same table with less of it — whose it is and where it has got to; the six numbers above it need a desk.