Premium Taxi Booking
A multi-page site for a UK chauffeur service — airport transfers and private hire with booking that actually calculates a fare.
Explore case
Case study
Chauffeur booking site
4.4 · 29 reviews
The challenge
A premium taxi and chauffeur company needed a site that looked like the service and could take a real booking: locations, vehicle, time, validation, and payment — not a contact form pretending to be a quote.
Distance-based pricing, Stripe checkout, email confirmation, maps, and a WhatsApp shortcut had to sit on top of service pages and a fleet showcase without turning the flow into a maze.
The solution
Step 01
Design the booking as a path
Built a multi-step form with predefined locations, vehicle selection, time slots, and validation so customers always know what comes next.
Step 02
Price from the map
Integrated Google Maps and related services to calculate distance-based pricing, then Stripe for payment and EmailJS for the confirmation trail.
Step 03
Polish the public site
Shipped dynamic service pages, fleet showcase, responsive layout, motion, progress indicators, maps, and a WhatsApp button for people who would rather message than finish the form.
System design
The fare is computed from map distance before Stripe. EmailJS sends the booking record; WhatsApp is a parallel path for customers who skip the form.
React website — Pages and booking UI
Google Maps APIs — Distance and places
Stripe — Card payments
EmailJS — Booking mail
- React website
- Google Maps APIs
- Stripe
- EmailJS
The website
Fleet, services, and the booking flow
Steps, validation, and progress indicators replace a vague enquiry form.
Maps-based distance pricing sits in the same flow as vehicle and time selection.
Stripe handles payment; email and WhatsApp keep the customer in the loop after checkout.
Test cases
Design the booking as a path
Steps
- Built a multi-step form with predefined locations, vehicle selection, time slots, and validation so customers always know what comes next.
Expected
Behaviour matches the approach described above in production.
Price from the map
Steps
- Integrated Google Maps and related services to calculate distance-based pricing, then Stripe for payment and EmailJS for the confirmation trail.
Expected
Behaviour matches the approach described above in production.
Polish the public site
Steps
- Shipped dynamic service pages, fleet showcase, responsive layout, motion, progress indicators, maps, and a WhatsApp button for people who would rather message than finish the form.
Expected
Behaviour matches the approach described above in production.