How to Showcase Before/After Work and Case Studies

How to Showcase Before/After Work and Case Studies

How to Showcase Before/After Work and Case Studies

Web Design · By Nizam Ud Deen Usman · Last updated 5 October 2026

Quick answer

Visible proof of work is one of the strongest conversion tools a trade has. Real before/after galleries and structured case studies show capability and reduce the buyer risk. Every customer quote must be genuine: the CAP Code requires documentary evidence that a testimonial is genuine, and fake reviews are a banned practice under the DMCC Act 2024.

  • Real, optimised photos, not stock.
  • Caption with the job and location for relevance.
  • Structured case studies: problem, work, result, quote.
  • Keep the evidence behind every quote and photo.

For a trade, showing the work is one of the most persuasive things a website can do. A homeowner deciding whether to hire wants to see what you actually produce, and before/after photos and case studies answer that directly. This guide covers why visual proof converts, how to build before/after galleries and structured case studies, and where to place them. We build proof into your site as part of our web design service. That is the subject of Mobile-First Web Design for Tradespeople.

Why Visual Proof Converts

Visual proof does two things words cannot: it shows capability and it reduces risk. A before/after image proves you can deliver the transformation the customer wants, and a case study shows you have solved their exact problem before. For a service the buyer cannot easily judge in advance, seeing real results is often the final push from interest to enquiry.

Before/After Galleries

Use real, high-quality photos

Genuine job photos, optimised, and lazy-loaded only below the first screen so the gallery stays fast. See website speed.

Slider or grid layout

A simple before/after slider or a clean grid. Keep it fast and easy to browse on mobile.

Caption the job and location

Name the work and the town. Google says it reads an image’s subject from the page, “including captions and image titles”.

Structured Case Studies

A case study goes deeper than a photo. Structure each one as the problem the customer faced, the work you did, the result, and a short customer quote. That arc lets a prospective customer see themselves in the story and trust the outcome. Keep the evidence behind the quote: CAP Code rule 3.47 requires marketers to “hold documentary evidence that a testimonial or endorsement used in a marketing communication is genuine”, and contact details for the person who gave it. Pair case studies with the wider trust signals on the site so proof reinforces proof.

Where to Place Proof

Put proof where decisions happen. Feature a strong before/after or case study on the home page, place relevant examples on each service and area page, and repeat proof near the calls to action. A visitor weighing up a specific service should see evidence of that service, in their area where possible, right where they decide.

Use the same pairs beyond the site. On your Google Business Profile, Google says photos and videos let you “show customers what you offer and tell the story of your business”, and before-and-after pairs make ready-made Facebook and Instagram posts; see Content Ideas for Home-Services Social Media.

What Rules Apply to Testimonials, Reviews and Job Photos?

Proof only works if it is real, and UK law now says so explicitly. The CMA confirmed on 7 April 2025 that the Digital Markets, Competition and Consumers Act 2024 “includes an explicit ban on the posting and commissioning of fake reviews”, and the CMA can fine a company up to 10% of its global turnover for breaking consumer law. The advertising rules apply to your own website too: CAP Code rule 3.45 says marketing “must make clear where consumer reviews have been incentivised”, so a quote given in return for a discount has to say so.

Photos need permission as well. The ICO’s guidance is that a recognisable person in a photograph is usually personal data, and the UK GDPR’s definition of personal data includes location data, so a before-and-after shot showing the customer, their house number or their street, captioned with the town, can identify them. Get written permission, record who agreed, when and what they were told, and crop out faces, house numbers and number plates you have no permission to show.

Sitting on great work no one can see?We build before/after galleries and case studies that win jobs.

See our web design services

Why Do Before-and-After Case Studies Convert?

Before-and-after case studies convert because they show real results and prove you can deliver the outcome the customer wants. Seeing a comparable job done well, the transformation or problem solved, reassures the visitor of your quality and capability far more than claims. For visual trades especially, before-and-after proof is among the most persuasive content on a website.

Case studies combine visual proof with the story of how you delivered, building trust and demonstrating expertise. For home-services businesses, before-and-after case studies let the visitor see your real work and picture their own job done well, which is powerfully reassuring. Featuring genuine transformations and the results you achieved converts the cautious visitor by proving, rather than just claiming, that you deliver the quality and outcomes they are looking for.

What Makes a Strong Case Study?

A strong case study shows the situation or problem, what you did, and the result, with clear before-and-after images where relevant, plus the customer’s perspective. Including the challenge and how you solved it demonstrates expertise, while the visual or described outcome proves the result. Keeping it genuine and focused on the outcome that matters to customers makes it persuasive.

  • Authenticity and a clear, relevant outcome are what make a case study convince.
  • For home-services businesses, a case study that tells the real story of a job, the problem, your solution, and the successful result, with genuine images and ideally the customer’s words, reassures the visitor that you can deliver for them too.
  • Focusing on real, relevant outcomes and presenting them genuinely turns a completed job into compelling proof that converts future enquiries.

How Do You Use Case Studies Across the Site?

Use case studies where they reassure the visitor at the point of decision, on relevant service pages, near calls to action, and in a dedicated case studies or portfolio section. A case study of a job matching the visitor’s need, shown on the relevant service page, reassures them you have done exactly that work well. Placement near the decision maximises impact.

Linking case studies to relevant services and contact points guides the reassured visitor toward enquiry. For home-services businesses, placing case studies strategically, so the visitor sees relevant proof while deciding, converts better than burying them on one page. Showing the right case study on the right service page, near the contact option, reassures the visitor exactly when they are deciding whether to trust and enquire, turning proof of past work into new enquiries. How that actually works is covered in Schema Markup for Local Service Businesses.

How Do You Build a Library of Case Studies?

Build a library of case studies by documenting notable jobs as you complete them, capturing before-and-after images and the story of the work, and turning the best into case studies. Making documentation a habit, photographing work and noting the results, ensures a steady supply of material. Over time, this builds a substantial library that reassures and demonstrates breadth.

Keeping the library current with recent work signals an active, capable business. For home-services businesses, systematically documenting and publishing case studies from your jobs builds a growing body of proof that converts. Capturing the before, the work, and the result on notable jobs, and adding the best to your site, steadily strengthens your case-study library. A rich, current library of genuine case studies demonstrates your capability across the range of work you do, reassuring and converting future customers.

Last Thoughts on Showcasing Work

Real, well-placed proof turns interest into enquiries. Show genuine before/after work, tell a few structured case-study stories, and put them where customers decide. For a trade, the work itself is the most convincing marketing you have.

Key takeaways
  • Visual proof shows capability and reduces buyer risk.
  • Use real, optimised photos, not stock images.
  • Caption galleries with the job and location.
  • Structure case studies: problem, work, result, quote.
  • Place proof on the home, service, and area pages near CTAs.

Frequently Asked Questions (FAQs)

How many case studies do I need?

A handful of strong ones is enough to start, ideally covering your main services. Quality and relevance matter more than quantity.

Do before/after photos help SEO?

They help Google understand the images. Google says it “uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image”, so write alt text and captions that name the job and the town. Their bigger effect is on conversion.

Should case studies have their own pages?

For the best ones, yes. A dedicated page can rank for the service and location and gives a complete story to link to from elsewhere.

Can I use stock photos instead?

No. Real job photos are far more convincing and build trust; stock images signal that you have nothing genuine to show.

How do I keep a photo gallery fast?

Optimise the images, lazy-load the ones further down the page, and keep the layout simple. Do not lazy-load the first image: web.dev advises “Don’t lazy-load images that are likely to be in-viewport when the page loads”.

What makes a strong case study?

A clear problem, the work you did, a measurable or visible result, and a genuine customer quote. The story should mirror the reader situation.

Should I caption before/after images?

Yes, with the job type and town. Captions add context, local relevance, and accessibility, and make the proof more persuasive.

Do I need customer permission to show work?

Yes. A photo that shows the customer or identifies their home can be personal data, so get written permission and record it. For a named testimonial, CAP Code rule 3.47 also requires you to hold evidence that it is genuine and the person’s contact details.

Where is the best place for proof?

Near the decision: the home page, the relevant service and area pages, and beside calls to action, so it is seen exactly when the visitor is choosing.

How often should I add new work?

Regularly, as you complete notable jobs. Fresh proof keeps the site current and gives returning visitors and search engines new content.

Can I offer a discount in return for a testimonial?

Only if you say so. CAP Code rule 3.45 requires marketing to make clear where consumer reviews have been incentivised, and posting or commissioning fake reviews is banned under the DMCC Act 2024.

Should I add before-and-after photos to my Google Business Profile?

Yes. Google says photos and videos let you show customers what you offer and tell the story of your business. Use the same permitted pairs as on your website.

Sources
Nizam Ud Deen Usman

Written byNizam Ud Deen Usman

Nizam Ud Deen Usman is an SEO Consultant, Local SEO Specialist, and Content Marketing Expert with nearly a decade of experience. As the founder and SEO Lead Consultant at ORM Solutions, he leads an exclusive consultancy specialising in advanced SEO and digital strategies. He authored The Local SEO Cosmos and trains professionals through the National Freelance Training Program (NFTP), sharing free content via his blog and YouTube channel (SEO Observer).

View all posts by Nizam Ud Deen Usman