01 — SPECIMEN 003
Live Launch

Detailing On Wheels

Bookings on wheels — a site that fills weekends

Cinematic storytelling site with scroll-driven animations, a before-and-after gallery and clear detailing packages that turn researchers into weekend bookings.

detailingonwheels.co.za
Detailing On Wheels — Mobile Car Detailing website designed by MTJ Digital
02 — The details

Built for
Mobile Car Detailing.

Detailing On Wheels is a mobile car detailing business serving Gauteng. Their first-ever website is a scroll-driven storytelling experience: a cinematic hero with dual-intent CTAs, animated service breakdowns, an authentic back-story page, a before-and-after gallery and a booking-focused contact page. Built with Astro, React and Tailwind CSS, using Motion for scroll animations and Lucide for iconography.

Industry

Mobile Car Detailing

Type

Live Client Site

Timeline

March 2026

03 — The case study
The problem

What was broken

Detailing On Wheels had no website at all. They relied on Instagram DMs and word-of-mouth, which made them invisible to high-intent Google searches like "mobile car detailing Johannesburg". There was no place to tell their back story, explain their packages, prove their quality with a gallery, or let customers book directly.

The solution

What we built

We built a multi-page Astro site with cinematic scroll animations, text reveals and a warm ivory-charcoal-crimson brand system. The homepage tells their story at a glance; service pages break down packages and what is included; a before-and-after gallery proves finish quality; and the contact page turns interest into a booked detail.

The results

Numbers that
prove the work.

Digital presence

Launched

Before: No websiteAfter: Full multi-page site

Booking flow

Direct enquiries

Before: DMs onlyAfter: Contact + booking page

Work proof

Gallery live

Before: No portfolioAfter: Before-and-after gallery

Load time

< 2s

Before: N/AAfter: Consistently fast

Local SEO

Optimised

Before: InvisibleAfter: Google Business + on-page

Brand story

Authentic

Before: UntoldAfter: Dedicated about page

Design system

Colors, type
& rules.

Warm ivory-and-charcoal contrast with crimson energy. Bold display type for impact, elegant serif italics for authentic moments, and smooth scroll-triggered reveals throughout.

Colour palette

Crimson

#A72B25

Primary brand, CTAs, accents

Crimson Bright

#C63029

Hover states and highlights

Ivory

#FAF7F2

Page backgrounds

Charcoal

#11100E

Headings and dark sections

Bronze

#B8860B

Premium trust accents

Typography

Dela Gothic One

Hero / display

400

Space Grotesk

Headings

300, 400, 500, 600, 700

Plus Jakarta Sans

Body

200, 300, 400, 500, 600, 700, 800

Instrument Serif

Accent / quotes

400
Built with

The stack.

Astro
React
Tailwind CSS
Motion Motion
Lucide
MDX MDX
On the screen

See the
specimen.

Detailing On Wheels homepage hero

Cinematic homepage hero with scroll animations, dual-intent CTAs and social proof.

Detailing On Wheels service index

Service index showing mobile detailing packages and what is included.

Detailing On Wheels service detail

Service detail page with process breakdown and quality guarantees.

Detailing On Wheels about page

About page with the authentic back story behind the brand.

Detailing On Wheels work gallery

Before-and-after gallery showcasing detailing quality and finish.

Detailing On Wheels contact page

Contact and booking page for mobile detailing enquiries.

05 — Common questions

Asked about
detailing on wheels.

Straight answers about this mobile car detailing build, our process and how something like it could work for your business.

How much does a website cost at MTJ Digital?

Build packages start from R2,499 for the Starter Site Special, from R5,499 for the Web Starter build, and from R12,499 for the Web Growth build. Monthly plans start from R899/mo. You get a fixed quote after a free discovery call — no hourly billing surprises.

How long does a project take?

Launch Lab ships in about two weeks. Growth Engine typically takes three to four weeks, and Market Leader five to six. You approve every stage, so timelines stay predictable.

Do I own my website when it's done?

Yes — 100%. Domain, content, design files and code are yours. If you host with us, leaving is never held hostage; we hand everything over.

Do you only work with businesses in Gauteng?

Our lab is based in Gauteng and most clients are in Johannesburg, Pretoria, Midrand, Centurion, Ekurhuleni and the West Rand — but we work with businesses anywhere in South Africa. Discovery calls happen online.

What do you need from me to start?

A 15-minute call and whatever you already have — a logo, photos, an old site, even a tender document. Our Project Blueprint form lets you upload briefs directly. We handle the rest.

Can you also handle my Google Business Profile and printing?

Yes. We set up and optimise Google Business Profiles, build local citations, and design physical assets — vehicle wraps, site signage, office decals — produced and installed through our premium print partners.

What happens after launch?

Every build includes a support window (30 days to 6 months depending on package). Most clients move to a care plan from R599/mo: hosting, backups, updates, edits and monthly content handled for you.

06 — Start the reaction

Want a specimen
like this for your business?

Book a free 15-minute discovery call. We'll ask about your business, then sketch what your specimen could look like.