# Voor-en-naposts: een lay-out die het verhaal vertelt

[Canonical HTML page](https://gradiently.design/nl/guide/before-and-after-post)

Weinig formaten overtuigen zo snel als een voor en na. Weinig zijn zo makkelijk fout te doen, met foto’s die niet bij elkaar passen, krappe lay-outs of resultaten die een handje hebben geholpen.

## The short version

- Een voor-en-napost toont twee bij elkaar passende foto’s van hetzelfde onderwerp, zodat de verandering ertussen het enige is dat verschilt.
- Maak beide foto’s vanuit dezelfde hoek, afstand en hetzelfde licht, anders is de vergelijking niet meer eerlijk.
- Naast elkaar past bij vierkante en liggende posts, onder elkaar bij stories, en met een carrousel van twee pagina’s komt het na als onthulling.
- Label elke helft duidelijk en houd de labels aan beide kanten op dezelfde plek.
- Post alleen echte resultaten, met toestemming van de klant, en bewerk geen van beide foto’s verder dan het gelijktrekken van de belichting.

Een goede **voor-en-napost** toont hetzelfde onderwerp twee keer, op dezelfde manier gefotografeerd, zodat het enige dat verandert het werk is dat je hebt gedaan. De taak van de lay-out is die verandering in één oogopslag duidelijk te maken: twee helften, heldere labels, niets dat concurreert. Kappers, schoonmakers, decorateurs, hoveniers, detailers, fysiotherapeuten en ontwerpers vertrouwen allemaal op het formaat, omdat een resultaat overtuigender is dan welke beschrijving ook.

## Begin met foto’s die bij elkaar passen

De meeste zwakke voor-en-naposts falen voordat iemand een ontwerptool opent. De voor-foto is genomen bij schemerig avondlicht met een groothoeklens; de na-foto bij fel daglicht vanuit een flatteuze hoek. Kijkers merken het, ook al kunnen ze niet zeggen waarom, en de hele post voelt in scène gezet.

1. **Markeer je plek** Sta voor beide foto’s op dezelfde plek. Een stuk tape op de vloer, of een notitie van de deuropening waarvandaan je fotografeerde, is genoeg.
2. **Gelijke hoogte en lens** Houd de telefoon op dezelfde hoogte en gebruik dezelfde zoom. Voor één opname naar de groothoek overschakelen verandert de verhoudingen van de ruimte.
3. **Gelijk licht** Hetzelfde moment van de dag, dezelfde lampen aan of uit. Lukt dat niet, maak beide foto’s dan met de hoofdlichten aan en de jaloezieën in dezelfde stand.
4. **Houd de stand van het kader gelijk** Beide staand of beide liggend. Een staande voor-foto naast een liggende na-foto sluit nooit aan.
5. **Maak er van elk een paar** Kies later het paar dat het best past. Dat is veel makkelijker dan een voor-foto namaken als het werk klaar is.

## Voor-en-nalay-outs die werken

Er zijn drie betrouwbare lay-outs. Welke je gebruikt hangt af van het platform en van hoe dramatisch de verandering is.

| Lay-out | Het best voor | Formaat |
| --- | --- | --- |
| Naast elkaar | Feedposts, kamers, auto’s, tuinen | Vierkant 1080×1080 of liggend 1080×566 |
| Onder elkaar | Stories, Reel-omslagen, portretten van mensen | Story 1080×1920 of post 1080×1350 |
| Carrousel van twee pagina’s | Grote onthullingen waarbij het na als verrassing moet landen | Post 1080×1350, twee pagina’s |

Drie lay-outs en de formaten die erbij passen. Een lay-out onder elkaar geeft elke foto de volle breedte, wat op een telefoon helpt.

- Naast elkaar 1080×1080: 1080 × 1080
- Onder elkaar 1080×1920: 1080 × 1920
- Carrouselpagina 1080×1350: 1080 × 1350

Deel een vierkant in het midden en elke foto wordt een hoge strook van 540×1080. Deel een story in het midden en elke helft is bijna vierkant, 1080×960.

Let op wat het splitsen met elke foto doet. Naast elkaar op een vierkant maakt elke helft hoog en smal, wat past bij een deuropening of een staand persoon, maar een brede ruimte flink bijsnijdt. Onder elkaar in een story maakt elke helft bijna vierkant, wat bij de meeste onderwerpen past. Zijn je foto’s liggend, dan verspilt een lay-out onder elkaar meestal minder. Houd in een story de labels weg van de bovenste en onderste 250 pixels, waar de interface van de app zit, zoals [veilige zones op social media](https://gradiently.design/nl/guide/social-media-safe-zones) uitlegt.

### De carrouselonthulling

Met een carrousel kan de voor-foto eerst alleen staan. Pagina één toont het probleem met een korte regel (“Zes jaar mos.”), pagina twee het resultaat. De swipe wordt de onthulling, en die houdt de aandacht meestal beter vast dan beide tegelijk zien. Kader de foto’s identiek, zodat de swipe voelt als één beeld dat verandert. [Instagram-carrouselformaat](https://gradiently.design/nl/guide/instagram-carousel-size) heeft de paginaafmetingen.

De eerste pagina van een carrousel met het label Voor en de regel Zes jaar mos

Pagina één: de voor-foto, gelabeld, met één regel die het probleem neerzet.

De tweede pagina van de carrousel met het label Na en de regel Dezelfde oprit, zondag

Pagina twee: de na-foto, met het label op dezelfde plek zodat het oog direct vergelijkt.

## Labels, regels en branding

Label elke helft “Voor” en “Na” op dezelfde plek, in hetzelfde formaat en dezelfde kleur. Lezers vergelijken door hun ogen tussen overeenkomende plekken te laten schieten, en een label linksboven aan de ene kant en rechtsonder aan de andere breekt dat ritme. Kleine hoofdletters of een kort tabje werken goed.

- Zet een dunne scheidingslijn tussen de helften, of een tussenruimte in je merkkleur, zodat de foto’s niet in elkaar vloeien.
- Voeg één regel context toe: de klus, hoe lang het duurde of het gebruikte product. Geen alinea.
- Houd je logo klein en in een hoek. Het resultaat is de advertentie.
- Gebruik voor elke voor-en-napost hetzelfde kader, zodat ze een herkenbare serie worden.

Woorden op foto’s vragen zorg, want een fel raam of een witte muur kan een wit label opslokken. [Tekst leesbaar maken op foto’s](https://gradiently.design/nl/guide/readable-text-on-photos) behandelt de opties. Labels op een merkband boven of onder de foto’s in plaats van erop omzeilen het probleem helemaal.

## Ethiek: toon alleen echte resultaten

De kracht van het formaat is ook het risico. Een voor en na is een bewering: dit kunnen wij. Als het resultaat is geretoucheerd, geleend of uitzonderlijk, is de bewering onwaar, en in sommige vakgebieden, zoals cosmetische behandelingen, gezondheid en afvallen, zijn de reclameregels voor deze beelden streng. Check de regels voor je branche en land voordat je post.

### Vermijd

- Het na retoucheren of het voor donkerder maken
- Ander licht dat het resultaat flatteert
- Stockfoto’s of foto’s van een ander bedrijf
- Je allerbeste resultaat presenteren als typisch
- Het gezicht of huis van een klant zonder toestemming

### Doe

- Alleen belichting en witbalans gelijktrekken
- Voor beide dezelfde hoek, afstand en hetzelfde licht
- Je eigen werk, door jou gefotografeerd
- Zeg hoe lang het duurde en wat erbij kwam kijken
- Schriftelijke toestemming, en de optie anoniem te blijven

Bij mensen in plaats van plekken telt toestemming nog meer. Vraag het voordat de voor-foto wordt gemaakt, leg uit waar hij verschijnt en bied aan gezichten of tatoeages weg te snijden. Veel klanten delen hun resultaat graag zodra ze weten dat ze nee kunnen zeggen.

## Maak het kader van jou

Als elke schoonmaker en elke kapper hetzelfde witte splitsjabloon post, is het kader waar je je kunt onderscheiden. Een consistente achtergrond om de foto’s, dezelfde labelstijl en hetzelfde lettertype maken van een reeks resultaten iets wat mensen in de feed als het jouwe herkennen. [Instagram-ideeën voor kleine bedrijven](https://gradiently.design/nl/guide/small-business-instagram) en [socialmediaposts voor salons](https://gradiently.design/nl/guide/salon-social-media-posts) laten zien hoe dit in een breder plan past.

In Gradiently is een carrousel gewoon pagina’s van één ontwerp, dus de voor- en na-pagina delen elke instelling, en met formaat wijzigen maak je uit hetzelfde ontwerp het storyformaat, klaar om de foto’s onder elkaar te zetten. De achtergrond is je Mark, een look die geen ander bedrijf kan gebruiken zodra hij van jou is.

## FAQ

### Hoe maak je een voor-en-napost?

Fotografeer het onderwerp vóór en ná het werk vanaf dezelfde plek, op dezelfde hoogte en in hetzelfde licht, en zet de foto’s dan naast of onder elkaar met bijpassende labels Voor en Na.

### Welk formaat heeft een voor-en-napost op Instagram?

Gebruik 1080×1080 voor naast elkaar, 1080×1920 voor een story met de foto’s onder elkaar, of twee carrouselpagina’s van 1080×1350 voor een onthulling met een swipe.

### Mag je voor-en-nafoto’s bewerken?

Belichting en witbalans gelijktrekken is prima. Het resultaat retoucheren of de voor-foto slechter laten lijken misleidt mensen en kan reclameregels overtreden.

### Heb ik toestemming nodig voor voor-en-nafoto’s van klanten?

Ja. Vraag het voordat je de voor-foto maakt, leg uit waar hij verschijnt en bied aan gezichten of herkenbare details te verbergen.

### Moet een voor en na naast elkaar staan of in een carrousel?

Naast elkaar toont de verandering meteen en past bij één feedpost. Een carrousel van twee pagina’s houdt het na achter voor een swipe, wat het best werkt als de verandering dramatisch is.