03 — Story
The problem.
The first version looked like a generic dashboard: charts, a stock photo and an empty demo day. It did not answer the desk's real questions: who is next, who still owes money, and where can a walk-in fit?
- Built for
- Barbershops, salons and other appointment businesses where one person runs the desk for several chairs.
What I built.
I redesigned BookingPro around that desk, the way real salon software works. The Day view is the calendar: one column per chair, the time now, and what is paid and what is still to pay. One panel beside it is a plain to-do list: online requests, payments, who is arriving, and a regular who could fill free time. Staff can drag a booking to another time or chair, book into free time or take a payment in one click, and every change can be undone.
01
Day Calendar
Every chair by barber with photos, a live now line, bookings in quiet service colours, and what is paid or still to pay.
02
Drag to Move
Drag a booking to a new time or chair. A preview shows the new time and whether the chair is free, and the server checks it again.
03
Book Free Time
Click free time, then pick a service that fits, a start time and a customer, or a regular who is due a visit.
04
To Do
Online requests to accept, payments to take and walk-ins to seat, each one click from done, with Undo.
05
Phone Booking
Customers book in three steps: a service, a real free time with the barber, and a request the desk accepts.
06
Tested and Strict
Unit and Playwright tests cover the calendar rules and the main journeys, under a strict Content Security Policy with no inline styles.
