ALYURE®DIGITAL DESIGN / REACT DEVELOPMENT
Selected projectsCASE STUDY 08 / 10

Automotive Service & Booking / 2026

HARBOUR AUTO

Removing uncertainty from automotive service pricing and booking.

A straightforward automotive service website with transparent pricing, practical service guidance and a complete vehicle-aware booking flow.

harbour-auto.caseLIVE SYSTEM
HARBOUR AUTO website homepage08 / 10
CLIENT TYPEIndependent automotive workshop
DELIVERY6–7 weeks
ROLEService UX / Interface / Booking
Explore the case

DESIGNED AROUND
THE DECISION.

Drivers often delay workshop bookings because they cannot estimate cost, timing or what information the mechanic needs. Phone calls become repetitive for both sides.

Harbour Auto creates a transparent service path with useful price ranges and a vehicle-aware booking summary.

01 / CHALLENGE

Replace the uncertainty associated with workshop bookings with useful pricing and a process customers can understand immediately.

02 / FOCUS

Fast service selection, vehicle data capture, honest price ranges and a booking flow that works comfortably on a phone.

03 / OUTCOME

A practical acquisition channel that reduces repetitive phone questions and gives the workshop complete job context before arrival.

ONE PRODUCT.
SEEN IN MOTION.

The case unfolds as an article rather than a gallery: each screen is paired with the decision, interaction or business job it was designed to handle.

HARBOUR AUTO: Opening experience and positioning
01Opening experience and positioning
THE OPENING MOVE

Transparent starting points

Service categories explain symptoms, inclusions and realistic price ranges without false precision.

02 / THE JOURNEY

Harbour Auto creates a transparent service path with useful price ranges and a vehicle-aware booking summary.

HARBOUR AUTO: Discovery, navigation and content structure
02Discovery, navigation and content structure
STRUCTURE

Vehicle-aware requests

The flow collects the essential vehicle and issue context before showing appointment options.

THE DECISION

Designed for the roadside

Large controls and concise steps keep the journey usable on a phone under time pressure.

HARBOUR AUTO: Primary decision and conversion flow
03Primary decision and conversion flow
HARBOUR AUTO: Useful estimates before the workshop call.
04FEATURE INTERACTION
NEW FEATURE STUDY

Useful estimates before the workshop call.

Vehicle details and symptoms create a realistic service range, then travel directly into the booking request so neither side has to begin again.

THE SYSTEM, NOT JUST THE SCREEN

Designed for drivers who want a quick answer, the site connects each repair category to clear starting prices, realistic appointment windows and a booking summary before personal details are requested.

Drivers often delay workshop bookings because they cannot estimate cost, timing or what information the mechanic needs. Phone calls become repetitive for both sides.

HARBOUR AUTO: Responsive interface detail
05Responsive interface detail
HARBOUR AUTO: Operational handoff and final system
06Operational handoff and final system

A straightforward acquisition tool that gives drivers useful expectations and gives the workshop a much better brief before arrival.

FROM STRATEGY
TO A WORKING PRODUCT.

01

Transparent starting points

Service categories explain symptoms, inclusions and realistic price ranges without false precision.

02

Vehicle-aware requests

The flow collects the essential vehicle and issue context before showing appointment options.

03

Designed for the roadside

Large controls and concise steps keep the journey usable on a phone under time pressure.

DELIVERABLES
  • Service architecture
  • Pricing components
  • Vehicle capture flow
  • Booking workflow
  • Workshop CMS
TECHNOLOGY
Next.jsReactBooking APIHeadless CMS

LAUNCH IS WHERE
LEARNING STARTS.

Google Analytics 4 is prepared around meaningful actions rather than vanity numbers. These are the signals the product is designed to measure after launch—not invented performance results.

analytics-plan.jsonGA4 READY
01LANDING
02INTERACTION
03INTENT
04LEAD
01service_category_select

Reveals demand by maintenance and repair category.

02price_range_view

Measures whether pricing clarity supports continued booking.

03workshop_booking_submit

Tracks complete requests with vehicle and issue context.

PROJECT PERSPECTIVE
A straightforward acquisition tool that gives drivers useful expectations and gives the workshop a much better brief before arrival.
Independent automotive workshopALYURE / CASE 08

NEED A SYSTEM WITH A SIMILAR JOB TO DO?

LET'S BUILD THE
NEXT CASE.

Start a project
MAKE AN ORDER