Before and after posts: a layout that tells the story

A good before and after post shows the same subject twice, photographed the same way, so the only thing that changes is the work you did. The layout's job is to make that change obvious at a glance: two halves, clear labels, nothing competing. Salons, cleaners, decorators, landscapers, detailers, physios and designers all rely on the format, because a result is more convincing than any description of it.

Start with photos that match

Most weak before and after posts fail before anyone opens a design tool. The before was shot in dim evening light on a wide lens; the after was shot in bright daylight from a flattering angle. Viewers notice, even if they can't say why, and the whole post feels staged.

1. 1

   Mark your spot

   Stand in the same place for both photos. A strip of tape on the floor, or a note of the doorway you shot from, is enough.

2. 2

   Match the height and lens

   Hold the phone at the same height and use the same zoom. Switching to the wide lens for one shot changes the room's proportions.

3. 3

   Match the light

   Same time of day, same lamps on or off. If you can't, shoot both with the main lights on and the blinds in the same position.

4. 4

   Keep the frame orientation

   Both portrait or both landscape. A portrait before beside a landscape after can never line up.

5. 5

   Take a few of each

   Choose the pair that matches best later. It is far easier than recreating a before once the work is done.

Before and after layouts that work

There are three reliable layouts. Which one to use depends on the platform and on how dramatic the change is.

Notice what splitting does to each photo. Side by side on a square leaves each half tall and narrow, which suits a doorway or a person standing, but crops a wide room hard. Stacked in a story leaves each half almost square, which suits most subjects. If your photos are landscape, a stacked layout usually wastes less of them. In a story, keep the labels clear of the top and bottom 250 pixels, where the app's own interface sits, as social media safe zones explains.

The carousel reveal

A carousel lets the before stand alone first. Page one shows the problem with a short line ("Six years of moss."), page two shows the result. The swipe becomes the reveal, which tends to hold attention better than seeing both at once. Keep the photos framed identically so the swipe feels like a single image changing. Instagram carousel size has the page dimensions.

Labels, lines and branding

Label each half "Before" and "After" in the same position, the same size, the same colour. Readers compare by flicking their eyes between matching spots, and a label in the top left on one side and bottom right on the other breaks that rhythm. Small caps or a short tab works well.

• Put a thin divider between the halves, or a gap in your brand colour, so the photos don't blur together.
• Add one line of context: the job, the time it took, or the product used. Not a paragraph.
• Keep your logo small and in a corner. The result is the advert.
• Use the same frame for every before and after you post, so they become a recognisable series.

Words on top of photos need care, because a bright window or white wall can swallow a white label. Make text readable on photos covers the options. Keeping labels on a branded band above or below the photos, rather than on them, sidesteps the problem entirely.

Ethics: show real results only

The format's power is also its risk. A before and after is a claim: this is what we can do. If the result was retouched, borrowed or exceptional, the claim is false, and in some fields, such as cosmetic treatments, health and weight loss, advertising rules on these images are strict. Check the rules for your industry and country before you post.

For people rather than places, consent matters even more. Ask before the before photo is taken, explain where it will appear, and offer to crop out faces or tattoos. Many clients are happy to share their result once they know they can say no.

Make the frame yours

When every cleaner and every salon posts the same white split template, the frame is where you can stand apart. A consistent background around the photos, the same label style and the same typeface turn a run of results into something people recognise as yours in the feed. Small business Instagram ideas and salon social media posts show how this fits a wider plan.

In Gradiently, a carousel is simply pages of one design, so the before and the after share every setting, and resizing makes the story size from the same design, ready for you to stack the photos. The background is your Mark, a look no other business can use once it is yours.