FIVE AREASONE PLATFORM

A motorcycle dealer in Dietlikon with sales, rentals and a workshop. The old website had rudimentary filters but no bookings, no configurator and no real-time data. We rebuilt the platform from the ground up.

Client
BikersLife.ch, Dietlikon ZH
Industry
Motorcycle retail
Scope
Five areas
Technology
Astro, React 19, Sanity CMS
Operations
Cloudflare Workers
Configurator
Aprilia RS 660

Existing website withoutinteractive features

BikersLife sells new and used vehicles, rents out motorcycles and scooters and operates its own workshop in Dietlikon. The website was connected to AutoScout24 and motorradhandel.ch but displayed vehicles without detail views, without usable filters, without forms.

Test rides were handled by phone. Anyone wanting to configure a motorcycle had to visit the shop. And there was no web page for the workshop at all.

Existing inventory,new interface

Both platforms already supplied raw data. What was missing were responsive detail views, intuitive filters, and direct inquiry paths. We completely overhauled the integration, building a dedicated interface for each source.

AutoScout24

Sales vehicles
  • New Detail view with gallery, specs, and inquiry form
  • New Filter by brand, condition and maximum price
  • New Full-text search across all vehicles

motorradhandel.ch

Rental fleet
  • New Daily and weekend prices directly visible
  • New Filter by brand and vehicle type
  • New Mileage packages and extra mileage rates per vehicle

Configure a motorcycledirectly in the browser

Choose colours, select options, compare packages. The motorcycle on screen updates instantly using layered image rendering. It generates an immediate PDF quote with clear pricing and leasing rates, delivering the digital experience of a major manufacturer to an independent dealership in Dietlikon.

Prices and leasing in real time

Base price, optional extras, and leasing rates update instantly with every selection. The integrated leasing calculator displays exact monthly rates on the spot.

PDF quote

The finished build as a print-ready PDF. Clients can save their exact setup and make confident decisions offline.

CMS-based configuration

New models, options, and prices are managed directly in the CMS. We set up the foundation, letting your team expand inventory independently without touching code.

More than vehicles

Beyond the vehicle inventory and configurator, the platform has six more sections. Each with its own page and purpose.

Test ride

Choose brand and date, submit booking. Five brands. Confirmation by email.

Workshop

Maintenance, repair and MOT preparation. Dedicated page with direct contact.

New riders

Dedicated starter guide matching new riders with suitable bikes and essential gear.

Accessories

Helmets, jackets, original accessories. Dedicated section with product overview.

Trade-in

Valuation request for used motorcycles directly on the website.

Consignment

Sale on behalf of the client. The dealer manages the process.

Technology
Astro 5Page generation and rendering
React 19Configurator and vehicle filter
TypeScriptType safety across the project
Sanity CMSContent and configurator models
Tailwind CSSDesign and responsive layout
CloudflareHosting with three-tier cache
MotionAnimations and page transitions
ResendEmail delivery for bookings

What changed

One platform for five business areas. Vehicle inventory syncs automatically from AutoScout24 and motorradhandel.ch, requiring zero manual updates since go-live.

5business areas in one website. Sales, rentals, workshop, test rides and configuration.
2data sources connected automatically. AutoScout24 for sales, motorradhandel.ch for the rental fleet.
1configurator with PDF quote. Models, options and prices are managed by the dealer.