Before-and-After Photos That Do Not Line Up

Two photographs, two different cars

The before photograph was taken at drop-off: a phone held at chest height, at an angle, in a dim bay, with the flash firing at the dented door.

The after photograph was taken a week later outside in the sun, from the front, three metres back, with the car washed and polished.

Side by side, they show that the car looks better. They do not show the repair, because nothing in one picture lines up with anything in the other.

Anyone choosing who will fix their car or their kitchen is sceptical, and needs to compare the same thing twice. Mismatched pairs ask them to take the result on trust, which is what the photographs were meant to replace.

What makes a pair comparable

• The same spot, marked so the next person can find it.
• The same height, usually the height of the damage itself.
• The same distance, so the subject fills the frame equally.
• The same zoom, never closer in one than the other.
• The same light, or as close as the job allows.
• The same framing, with one fixed reference in both shots.

The fifth is the hardest, and it matters most for paint, wood and anything where colour is the point. Under different light, a perfect colour match can look wrong and a poor one can look fine.

What a sceptical visitor checks

People study before-and-after photographs more closely than any other images on a site, because they are trying to catch them out.

They look for something that appears in both: a wheel, a trim piece, a window, a mark on the floor. If they cannot find one, they wonder whether it is even the same car.

Then they look at the repair: whether the panel gaps line up, whether the new paint matches the panel beside it, whether the reflection runs straight across the door.

A matching pair lets them do that in seconds. A mismatched pair makes them work, and most will not bother.

Marking the spot

The simplest fix is physical: a strip of tape on the shop floor where the photographer stands, at a set distance from the vehicle.

Decide the height too. For most body work it is the height of the damage, with the phone held level rather than tilted.

Take the before photograph at drop-off, before anything is touched, and note the spot, height and zoom on the job card. The after photograph uses the same notes.

For work on a home or garden the idea is the same: a fixed point, such as the corner of the driveway, written on the job sheet.

Light

Indoors, use the same bay with the same lights on, and turn the flash off. Flash on glossy paint produces a white glare that hides exactly what the visitor wants to see.

Outdoors, an overcast day beats sunshine. Hard sun throws shadows and reflections that change by the hour.

If the before has to be taken indoors and the after outside, take a second after photograph indoors under the same lights. That is the one to publish.

A worked example

An auto body shop with four bays had a gallery of about forty before-and-after pairs, mostly collision repairs: doors, bumpers, quarter panels.

The before photographs came from the estimator, taken at intake for the insurance file, at whatever angle showed the damage worst. The after photographs came from the front office, taken outside on pickup day.

Callers kept asking the same thing: would the new paint match. The gallery could not answer, because every before was under fluorescent tubes and every after in the sun.

The shop now has two marked spots on the floor of the finishing bay. Every car is photographed there before work starts and again before it leaves, same height, same distance, flash off.

The estimator still takes the intake photographs the insurer needs. They are simply not the ones on the website.

The gallery was rebuilt with a dozen matched pairs, each captioned with the panel, the repair and the paint work.

Side by side on a phone

On a computer, two photographs side by side are easy to compare. On a phone, two wide photographs of a car side by side shrink to the size of stamps.

Crop both to the repaired area, the same way, in square or nearly square frames. Then side by side still works on a small screen, and the repair fills the frame.

Or stack them, before above after, at the same width, so the eye moves down rather than across.

Sliders that drag one photograph over the other look clever on a desktop, but on a phone the drag often fights with scrolling. Try any slider with a thumb before keeping it.

Label what changed

Every pair needs the words Before and After as text beside the photographs, not painted onto the images, where they get cropped or misread.

Then a line on what was wrong and what was done: rear bumper replaced, quarter panel repaired and refinished, paint blended into the door.

The caption tells the visitor where to look. Without it they scan the whole picture for a difference, and may miss the one you are proudest of.

Permission and privacy

Ask the customer before publishing photographs of their car or home, and note the answer on the job card.

Blur or crop out licence plates, house numbers and anything personal visible through a window. A visitor comparing two photographs needs none of it.

The counter-case

Some work does not suit before-and-after pairs at all.

Jobs where the before is hidden inside a wall, or the result is a fixed leak or a quieter engine, are better shown with one good photograph of the finished work and a plain description.

A business that cannot yet take matched pairs need not wait either. A few honest photographs of finished work beat a gallery of pairs that do not compare.

Where the change is visible, though, matched pairs are the most convincing photographs a business can show, so mark the spot and start this week.

Starting this week

1. Mark a spot on the floor or driveway.
2. Note the height and distance on the job card.
3. Turn the flash off for every shot.
4. Take the before before anything is touched.
5. Shoot the after from the same mark.
6. Crop both the same way for phones.
7. Caption what was done in a sentence.

Step four is the easiest to miss. Once the bumper is off or the old paint is sanded, the before photograph can never be taken again.

What belongs above the gallery, at the top of the home page, is covered in home pages that open with welcome to our website.

Frequently asked questions

West Coast Media Solutions Inc. provides web design, web development, hosting, digital marketing, and business consulting to organisations across Canada, drawing on more than twenty-five years in the field.