How to use before and after photos on a website
A real before and after sells a visible service better than any words. Here is how to shoot and place them well.
If your work makes a visible difference, a cleaner, a painter, a hairdresser, a landscaper, a panel beater, before and after photos are the most convincing thing you can put on a website. They prove the outcome without you having to claim anything. But most businesses waste them by shooting them badly or dumping them in a gallery with no context. Done properly, a single strong pair can close a sale on its own.
Shoot both from the same spot
The comparison only works if the two shots match. Same angle, same distance, same lighting, same framing. If the "before" is a dim, wonky phone snap and the "after" is a bright, styled photo, the viewer suspects the setup rather than trusting it. The change should be the only thing that differs between the two images.
The practical trick is to take the "before" shot properly, even when the space is a mess and you would rather not. Stand in a spot you can return to, note roughly where you stood, and shoot the "after" from there. On a hedge, a room, a car or a haircut, that repeatable position is what makes the pair land.
Give it enough context to be believed
A photo on its own raises questions. What am I looking at? How long did it take? Was this a quick tidy or a full day's work? A line or two of caption answers that and turns a nice picture into proof. "Two-day repaint of a weather-damaged Fish Hoek exterior" tells a story that "before and after" alone does not.
Context also manages expectations. If a result took a week, say so, otherwise someone assumes it was an afternoon and is disappointed by your quote. The caption is where you quietly set the frame: the scale of the job, roughly what it involved, and the kind of outcome a customer can expect from you.
Put them next to the thing they prove
The most common mistake is banishing all the images to a separate "Gallery" page that nobody visits. Proof works hardest right where the decision is being made. If you have a page about your repainting service, the repainting comparisons belong on that page, near the pricing and the call to action, not two clicks away.
Think of each pair as evidence for a specific claim. The claim sits in your copy, the photo sits right beside it, and the reader believes the claim because they can see it. Scatter a few of your strongest pairs across the relevant service pages rather than hoarding them all in one lonely gallery.
Keep them honest
People are sceptical of comparisons because so many are faked with flattering angles or heavy editing. You beat that by being visibly real. Show a genuine result, not your one miracle job that never repeats. Avoid obvious retouching. If anything, slightly rougher, real photos read as more trustworthy than glossy, suspicious ones.
Where a person or their property is in the shot, get permission before you publish. A quick "do you mind if I use these on my site?" at handover is usually met with a yes, and it keeps you clear of awkward complaints later. Real customers, real jobs, real permission. That is what makes the proof stick.
Do not let them break the page
High-resolution photos are heavy, and heavy pages crawl on mobile data, which is where most of your visitors are. A comparison that takes eight seconds to load is one nobody waits for. Compress every image properly before it goes up. It should look sharp and load fast, not pristine and slow.
If you show many pairs, be selective. Five carefully chosen, well-shot comparisons beat forty average ones. A wall of images tires people out and buries your best work. Lead with the transformation that best represents the jobs you actually want more of.
Turn them into a small story
The strongest version goes slightly beyond two pictures. A short "here is what we started with, here is what the customer wanted, here is the result" turns a comparison into a mini case study. It is more convincing because it shows judgement, not just a tidy outcome, and it gives you natural, keyword-rich content that also helps your SEO.
You do not need many of these. Two or three proper before-and-after stories on the right pages will do more for enquiries than a redesign. If your current site hides its proof or loads it too slowly, that is worth fixing. Send me your site and I will show you where the photos should go.