✔ Show the workshop’s motorcycles big and full of character
✔ Explain how a turnkey custom build works
✔ Present the garage’s services and lead to a project enquiry
✔ Take visitors from the workshop to the online shop
✔ Help buyers find tuning parts and electronics for their own Mercedes-Benz
Sparta Garage builds turnkey custom motorcycles – from the idea and the agreed budget to the finished bike – and also offers car services and sells tuning parts and electronics for Mercedes-Benz. It needed a workshop website and an online shop under one brand.
I built two parts with different jobs. The workshop website – home, projects, project page, services, service page and contacts – has a black background, large photos of the motorcycles and a red accent taken from the logo. The online shop is light and functional: search by car, a category catalogue and a short path to the basket.
As a result, the projects lead to a build enquiry, the banner on the home page leads to the shop, and in the shop buyers enter their car, see compatible products, pick options and add-ons, and put both parts and services in the basket.
A website where the workshop shows its character and the shop gives buyers confidence that a part will fit.
Large photos, video and a story page for every motorcycle, with a link to the next one
A “Your car” bar with a “Change” link, and compatible model tags on the product cards
Tabs from ECU tuning to interior, rows of cards with “from” prices and a “View all” link
Zoomable gallery, quantity, options, colours, priced add-ons and a compatibility tab
A tuning stage switch: power, torque, a chart and the parts required
Car model and year, job duration, priced add-ons and an “Add to basket” button
The workshop inspires with finished motorcycles; the shop helps buyers quickly find a compatible part and place an order.
The website’s main tasks are to:
Guaranteed reply within 24 hours.
The first call is free and with no commitment.
People buy a custom motorcycle with their eyes, but they only buy a car part when they are sure it will fit. Using Sparta Garage as an example, I explain how I built a workshop website with a project showcase, and a tuning shop with search by car, product pages and a basket.
Sparta Garage builds turnkey custom motorcycles: the client shares an idea and agrees the budget, then watches the motorcycle of their dreams take shape in metal and plastic. Alongside custom builds, the garage has a car side too – services for cars and trucks, and an online shop of tuning parts and electronics for Mercedes-Benz.
It needed a website that sells the workshop’s one-off builds and the shop’s products equally well. I built both parts: a workshop website with projects, services and contacts, and an online shop with a catalogue, search by car, product pages and a basket.
The project has two parts with a shared brand and different jobs:
The bridge between the two is the shop banner on the home page: the Sparta Garage graffiti logo, the word STORE and a “Go” button. The workshop site’s header has the logo, a six-section menu and social links; the footer has FAQ, support, payment, delivery, returns and contacts.
Custom builds are all about style, so the home page is built almost entirely on photos of motorcycles: a black background, a bike in close-up, a short, bold slogan with red accents from the logo and a “Projects” button. The home page then sets out what the workshop offers:
Projects are the workshop’s strongest argument. The projects page opens with a large heading and a photo, followed by blocks on custom builds and motorcycle mechanics, a video with a player, a grid of projects with dates and a “load more” button, and finally a form with name and email.
The project page is built as a story: a large first screen with a photo of the motorcycle and its name, then a long text with large photos and subheadings, and navigation to the previous and next project. The same template is used for individual service pages.
The services page opens with a welding photo and a large heading, followed by a grid of cards for the garage’s lines of business, dark and light mixed, with photos: used truck parts from Europe, an accessories shop, oil changes for cars, and a wash for trucks and cars. The contacts page has an about block with a quote, an invitation to start a project, phone numbers, the address, email, a message form and a map.
The shop covers tuning and retrofits for Mercedes-Benz cars: ECU chip tuning, coding, electronics, exterior, interior and power upgrades. With car parts, the buyer’s main question is whether the part will fit their car, so search by car comes first.
The product page brings together everything needed for a buying decision on one screen:
Software tunes have their own version of the product page: a Stage 1 / Stage 2 switch changes the power and torque figures after tuning, the chart and the list of parts required. A compatibility table lists models, body types and years, so buyers can check their car before ordering.
The garage’s services are sold in the shop just like parts. On a service page, buyers choose their car model and year, see how long the job takes and the service interval, tick priced add-ons and click “Add to basket”. New items carry a “New” badge, long descriptions expand with a “Show more” button, and a mini basket with a counter instantly shows that the order has grown and leads straight to it.
That way the part and the work to fit it end up in the same basket: there is no need to phone separately to book the service.
A workshop website sells trust in the craftsman’s hands; a shop sells confidence that the part will fit. So in projects like this I follow a few principles:
If you need a website for a workshop, a car service centre or an online shop for parts and tuning, I can build the whole thing – from a showcase of your work to a catalogue with search by car and a basket.
