Client project · In production
Stock
Reporting
Supplies are reported by scanning a QR code on the wall — not noted by hand and typed up later.
Taken from on-site discovery with the client and the people who would use it, through development, deployment and maintenance.
Client system · Interfaces redrawn from the layouts I designed
- Client
- Alliance Services Propreté
- Ownership
- Discovery → Production → Maintenance
- Stack
- Next.js · TypeScript · Firestore
Counted by hand,
reported too late.
Before · four steps
- Walk the floors
- Note on paper
- Type it up later
- Information reaches the manager later
After · three steps
- Scan the code on the wall
- Context is already filled in
- Dashboard updates now
A step that no longer exists
How it works.
01 · Scan
A code per location opens the report page for that exact spot.
Building, floor, room — validated, not typed.
02 · Report
What is missing, what is low — with minimal input.
No login, no personal data, no free text to clean up.
03 · Monitor
A role-protected dashboard, live, with CSV out.
Real-time monitoring · summary metrics · export.
The two surfaces
Restroom 2-04
- Hand towel
- Soap
- Paper
Send report
Open reports
CSV ↓- Today18
- Open4
- Sites6
- Done14
From discovery
to production.
Discovery ran on site, with the client and the people who would use the system. Two surfaces came out of it — a one-hand phone flow for the floor, a role-separated dashboard for monitoring. It is in production, still maintained, with new sites added over time.
- Discovery
- On site, with the client and future users
- Design
- One-hand phone flow · role-separated admin
- Build
- Next.js · TypeScript · Firestore · QR routing
- Run
- In production · maintained · new sites added
Ask for the detail.
Client system, so the application and its data stay closed. The delivery and the decisions behind it don't — ask and I'll walk you through them.