SafariBus

SafariBus Issue Tracker — screens

All screens for the three flows: guest reports an issue, registered operator, and the Centrika team. Resize the browser to ~390px to see the mobile layout — this is the same responsive site, not a separate app.

Flow 1 — Guest reports an issue

Landing → report → confirmation → track → status.

01
Landing
Report or track entry points
02
Report an issue
5 required fields
02b
Validation errors
Inline + summary
03
Confirmation
Ticket stub + reference
04
Track a ticket
Reference + phone lookup
04b
Ticket status
Status + latest update

Flow 2 — Registered operator

Sign in → my tickets → single ticket, with conversation.

05
Account
Sign in / create account
06
My tickets
"Waiting on you" tab
07
Single ticket
Open / waiting state
07b
Single ticket — resolved
Confirm or reopen

Flow 3 — Centrika team

Staff sign in → queue → ticket detail → resolve.

08
Staff sign in
Internal portal entry
09
Ticket queue
Oldest first, Next up
10
Ticket detail
Reply / internal note
10b
Ticket detail — resolved
Send and resolve
11
States
Empty / loading / error

Foundations

Design tokens, shared components, and the file cover.

Cover
Cover page
1440×960 title frame
00
Palette & components
Colour, type, badges, route line
Built as responsive HTML for import into Figma via html.to.design.