Construction

How to present before-and-after renovation projects on your website

Sep 4, 2026

3 min read

An unfinished room and renovated room shown in a conceptual before-and-after comparison.

Turn renovation photographs into useful project evidence with matched views, clear scope, honest captions, and an obvious enquiry path.

Before-and-after renovation photographs can show craftsmanship quickly, but a dramatic visual change does not explain the work by itself. A useful project presentation tells a potential customer what changed, why it changed, and which parts your team delivered. The aim is not simply to make someone save a beautiful room: it is to help them recognise a relevant contractor.

Choose projects that match the work you want

Lead with projects similar to the enquiries you want to receive. If your offer is complete home renovation, a gallery made entirely of decorative styling can give the wrong impression. Use fewer, stronger examples with clear context instead of a large collection that mixes unrelated work. Obtain permission to publish photographs and remove private details where necessary.

Make the comparison fair

Use a similar viewpoint and crop for the before and after images. Keep enough of the room visible to understand its layout. Extreme wide-angle differences, heavy edits, or mismatched lighting can obscure what actually changed. If you do not have a matching before photograph, use a completed-project gallery rather than manufacture a comparison.

Write a caption that explains the work

For example: “Kitchen renovation: replaced cabinetry, revised the lighting plan, and fitted a new worktop while retaining the existing window positions.” This is an illustrative caption, not a claim about a Briston demo project. Replace every detail with information from your own completed work.

Add a short project story

Brief: what the client wanted to improve.
Scope: what your company was responsible for.
Constraints: what shaped the design or construction approach.
Outcome: what was delivered, stated without invented performance figures.

A concise paragraph can answer all four points. If an architect, designer, or other contractor contributed, credit the roles accurately. Do not imply that your team designed or built work it only photographed or supplied materials for.

Keep the presentation useful on mobile

Check whether important details survive a smaller crop. Provide readable labels and captions rather than relying entirely on an interactive comparison. Write image descriptions that identify visible changes. Avoid stuffing location and service keywords into every image description. The photograph should remain understandable even if a visitor does not use the interaction.

Use Briston as the presentation framework

Briston includes a Cases section and before-and-after project storytelling within its one-page layout. Use those sections for your own evidence, not as a reason to retain demonstration projects. A project gallery does not have to become a separate case-study website if a focused selection answers the customer’s questions.

Give the interested visitor a next step

After the project context, invite the visitor to describe a similar renovation. Keep the language specific: “Tell us about your renovation” is clearer than “Discover more.” Before publishing, check that the form works and that the person answering enquiries understands which project the visitor may have seen.