Traycheck · two design options

Both keep every feature. Only the look changes. Switch between them and pick one.

Option B · Minimal

Black and white with thin lines. Colour only for status dots and the lime tick. Calm and professional, with bigger buttons and plain-word hints.

On the phone · try tapping the circles on the packing screen

Home BOX-120

Practice set 1

Practice Hospital A · surgery Sun 19 Oct

traycheck

Hi, Employee A

What are you doing now?

Your boxes

traycheck

Every instrument, every box, accounted for.

Sign in with the Google account your admin approved.

Can't sign in? Ask the admin to add your Google account.

Owner on a computer (on a phone this same screen stacks into one column)

Saturday, 18 October

Good afternoon, Shubham

3 boxes are waiting for you. One has a missing instrument.

Packing now 2 Waiting for your review 3 Needs attention 1 Reviewed this week 14

Waiting for your review

See all
BOX-104 Practice set 1 Practice Hospital A · surgery Sun 19 Oct · Employee A 2:14 pm BOX-097 Practice set 2 Practice Hospital B · surgery Mon 20 Oct · Employee B 12:40 pm BOX-112 Practice set 1 · returned Practice Hospital A · back from surgery · Employee A 11:05 am

Needs attention

BOX-088 Practice set 2 · Practice Hospital B

Employee B marked Practice instrument C as missing: “Not in the tray when we opened it.”

Today

  1. 2:14 pm Employee A submitted BOX-104, all 18 instruments checked
  2. 1:30 pm Employee B started BOX-120 for Practice Hospital A
  3. 10:02 am You reviewed BOX-091

Style kit

traycheck style kit

Colour: mostly black and white, one accent

Ink #121714 · text, main button
Card #FFFFFF · with a thin line
Page #F6F6F3
Lime #CDF45C · only for “checked”
Packing Waiting for review Needs attention Reviewed Status = a coloured dot + words, never colour alone

Type

Good afternoon Bricolage Grotesque · page titles and counts only
Tap the circle when the instrument is in the box. Instrument Sans · everything else, 15–17 px on phones
BOX-104 JetBrains Mono · box numbers and codes

Buttons: words first, 44 px or taller

Instrument check

Not checked Packed Missing

Easy to use, by rule

One main black button per screen, so the next step is obvious. Every icon has a word next to it. A disabled button says what is left: “Check 3 more to submit”. Big tap areas for gloved or busy hands on the phone.