Booking XM
The online appointment booking flow for a dentist clinic with two branches: pick a branch, service, doctor and time, then pay a deposit (2024).
DoneStarted June 2024Finished July 2024
What it is
Booking XM is the appointment booking system for a dentist clinic with two branches. I built the Next.js and GraphQL front end; another developer built the backend on Express and MongoDB. I did many booking services in 2024, and this one is the dentist version. The layout of the booking step follows the familiar Calendly style, in Mongolian.
The flow
- Branch. The patient picks branch 1 or branch 2.
- Service. The services offered at that branch, with their duration and price.
- Doctor. The doctors who do that service at that branch, or any free doctor.
- Date and time. A calendar and the free slots. If the chosen time was just taken, the patient picks another one.
- Details and confirmation. Name, phone, email and a note, then a confirmation.
- Payment. When a service needs a deposit, the patient pays before the booking is confirmed.
About the images
The clinic has no public site and I have no screenshots of the finished product. The images are an illustration of the booking flow that I redrew in Mongolian from my flow chart, with a made-up clinic name and sample data. They are not screenshots of the live clinic site.
