Guides

Before-and-After Gallery: The Detailing Setup

How to build a detailing gallery that sells the transformation: the four photographs per job, the records model behind it, and how to keep the page under two seconds.

5 min read
GuidesAutomotiveDesign
799 words5 min read

What we are building

A gallery of before-and-after pairs, filterable by service, that loads in under two seconds and that you can add to from your phone in two minutes. In detailing the photographs are the product, so this is the most important page on the site after the price grid.

1. Fix the shot standard first

Four images per job, and the standard is what makes it work.

Before, from the angle where it looks worst. The single most common mistake is a flattering before. If the before looks fine, the after is unimpressive, and you have wasted the job.

After, from exactly the same angle and distance. Same spot, same height, same framing. The pairing is the entire argument.

A close-up under raking light. Paint with the light across it so swirls and gloss read, or an interior detail — a seat seam, a door shut, a carpet edge — where the change is undeniable.

One detail shot. Wheel arch, exhaust tip, engine bay, headlight. It shows you went where others do not.

Print the standard and stick it in the van. Consistency of angle beats camera quality every time.

2. Shoot the ugly jobs, not just the nice cars

Your instinct is to photograph the Porsche. Your customers are mostly driving a five-year-old family car with crushed rice cakes in the back.

The gallery converts when a visitor finds a car as bad as theirs. So make a point of shooting the worst interiors you do, the ones you would rather not put your name to before, because the after is spectacular and it is the most persuasive thing you own.

3. Group by service, not by date

Maintenance wash, full valet, interior deep clean, correction, ceramic coating, wheels and arches, pet hair. Six or seven categories, filterable.

Chronological order is a diary. Categories are how somebody deciding on an interior deep clean finds the proof that applies to them.

4. Model it as records, not as a page

Each job is a record: service, vehicle size and model, before image, after image, close-up, detail shot, one line of description, and the package it was.

Then the gallery is generated. Filtering works, the relevant jobs appear automatically on each package page, and adding a job never touches the design. If it is a hand-built page of uploads, you will stop updating it by month three. Everybody does.

5. Write one honest line per job

"Ten-year-old Zafira, two dogs and three children. Interior deep clean, four hours, all seats extracted." Not "another one out the door".

The specifics are the persuasion. Name the condition, the package, and the time it took. Duration matters to customers more than detailers expect.

Detailing sites are the slowest local business sites there are, for one reason: photographs straight off a phone. So:

  • Resize to what the layout actually shows, at most about 1600 pixels wide.
  • Serve modern formats with a fallback.
  • Generate real thumbnails rather than scaling full images in the browser.
  • Lazy-load everything below the fold, and never the first row.
  • Set explicit dimensions so the page does not jump as images land.

A hundred jobs and still under two seconds on mobile data is achievable. Uploading from the camera and hoping is not.

7. Show pairs together, not behind a tap

Before and after should be visible at the same time without a click. Side by side on a desktop, stacked on a phone with clear labels, before above and after below. A slider is a nice extra, not a substitute.

An interior deep clean job should appear on the interior deep clean page next to its price. Because the gallery is records, that is automatic, and it is what turns proof into a booking rather than into browsing.

Every job entry names the package and links to its price and its booking button. The visitor is at their most convinced immediately after seeing a close-up, and that is exactly where the button belongs.

10. Make it a habit, not a project

One person, every job, four photographs, uploaded from the phone before the customer arrives. Four jobs a week is two hundred a year.

And shoot once, use twice: the same four images are your best-performing Instagram content, so the habit feeds both channels.

Where this sits

Our car detailing websites include the records-based gallery with filtering, compression and package links, at a fixed price. The wider trade version is on the automotive page. Shoot the ugly ones. They sell the most work.

All writingSee packages and prices