Før efter billeder er mest værdifulde, når de viser mere end et pænt slutresultat. De skal også forklare, hvilke materialer, begrænsninger, faglige valg og praktiske kompromiser der ligger bag. Jeg har derfor samlet syv forskellige perspektiver, fra køkkenrenovering i Storkøbenhavn til digitale værktøjer, der kan gøre dokumentationen mere ensartet. Som direktør i KK Bygningsentreprise ApS ser jeg ofte, at kunderne først bemærker farver og overflader. Det afgørende ligger dog tit i det, man ikke kan se på det færdige billede, for eksempel ændringer i VVS, afløb, bærende konstruktioner, adgangsforhold og koordinering mellem fag. Før efter billeder kan skabe realistiske forventninger, men de kan ikke erstatte en konkret vurdering af boligen, materialerne og projektets omfang.
1. 8 eksempler på køkkenrenovering før og efter
Et køkken kan ændre sig markant uden at hele boligen bliver bygget om. I andre projekter kræver resultatet ændringer i layout, VVS, afløb eller bærende konstruktioner. Derfor er køkkenbilleder kun nyttige, hvis de følges af en forklaring på, hvad der faktisk blev gjort.
På siden med otte køkkenrenoveringer før og efter vises forskellige renoveringsgrader udført af KK Bygningsentreprise. Nogle løsninger handler om nye fronter, bedre arbejdsområder eller en mindre layoutjustering. Andre er komplette køkkenløft, hvor flere fag skal planlægges i den rigtige rækkefølge.
Det, jeg især ser efter i sådan et galleri, er sammenhængen mellem udseende og funktion. Er arbejdsfladen blevet bedre placeret? Er opbevaringen løst på en måde, der passer til hverdagen? Er materialerne valgt efter slid, rengøring og den måde, familien bruger køkkenet på?
Hvad billederne skal forklare
Et troværdigt før efter-eksempel bør vise:
- Projektets omfang: Hvilke rum og bygningsdele blev berørt?
- Materialevalg: Hvorfor blev netop de fronter, bordplader, gulve eller vægge valgt?
- Byggetekniske begrænsninger: Hvad kunne ikke flyttes, og hvilke kompromiser blev nødvendige?
- Økonomi og tid: Hvilke budgetangivelser er vejledende, og hvad kræver en besigtigelse?
- Ansvar og koordinering: Hvem styrer tømrer, VVS, el, maler og eventuelle andre fag?
Budgetter fra tidligere projekter kan give en retning, men de er ikke et tilbud på din bolig. Opmåling, adgangsforhold, eksisterende installationer og ønsket materialestandard påvirker den konkrete løsning.
Hvis du overvejer et nyt køkken i København, så brug billederne som spørgsmål til den første samtale, ikke som løfte om et identisk resultat. Det er den bedste måde at få inspiration uden at undervurdere arbejdet bag.
Praktisk regel: Et godt før efter-billede viser ikke kun, hvad der blev flot. Det forklarer også, hvad der blev bevaret, flyttet eller fravalgt.
2. Billederapport
Når jeg dokumenterer en byggesag, skal billederne kunne bruges af flere end den, der stod med kameraet. Kunden skal kunne forstå arbejdet, virksomheden skal kunne finde materialet igen, og rapporten skal være anvendelig, hvis der senere opstår spørgsmål om en detalje.
Billederapport er en dansk webapp udviklet til håndværkere. Den samler tidsstemplede før og efter-billeder, korte noter, tjeklister og kundearkiv i samme arbejdsgang. Rapporten kan derefter sendes som en PDF med virksomhedens logo, farver og kontaktoplysninger.
Det er især praktisk ved entrepriser, serviceopgaver og reklamationer, hvor man har brug for dokumentation fra adressen. Offline-funktionen gør det muligt at arbejde uden stabil forbindelse, hvorefter materialet synkroniseres automatisk.
Styrken ligger i hele dokumentationskæden
Fordelene er konkrete:
- Tidsstempel og sag: Billederne knyttes til den rigtige adresse og kunde.
- Korte noter: En svend kan forklare, hvad billedet viser, uden at skrive en lang rapport.
- PDF til kunden: Dokumentationen bliver samlet i et format, der er nemt at dele og arkivere.
- Databehandling: EU-hosting og databehandleraftale gør løsningen relevant for virksomheder, der arbejder systematisk med persondata.
- Virksomhedsdrift: Prissætningen gælder hele firmaet uanset antal svende, hvilket kan gøre den lettere at administrere internt.
Begrænsningen er, at værktøjet primært er lavet til dokumentation, ikke til at præsentere cases på et website. Vil du vise udvalgte projekter i et visuelt galleri, skal rapporterne normalt uploades manuelt eller bearbejdes til webindhold.
Det er også vigtigt at skelne mellem dokumentation og markedsføring. Et billede fra en byggeplads bør ikke automatisk offentliggøres, bare fordi det ligger i en kunderapport. Hvis personer, private forhold eller identificerbare hjem indgår, skal billedvalg og samtykke vurderes særskilt.
3. BEAF, Before And After Gallery til WordPress
BEAF passer bedst til den virksomhed, der allerede bruger WordPress og vil vise flere renoveringscases direkte på hjemmesiden. Pluginet kan lave en vandret eller lodret slider, hvor læseren trækker skillelinjen mellem før og efter. Det gør sammenligningen umiddelbart forståelig, især når billederne er taget fra samme vinkel.
Med BEAF, Before And After Gallery til WordPress kan man samle flere sammenligninger i gallerier med flere kolonner. Det er en fordel, hvis man vil vise forskellige køkkener, facader eller rum uden at oprette en separat side for hvert enkelt billede.
Pluginet understøtter shortcodes og widgets til flere page builders, blandt andet Elementor, Gutenberg, Bricks og WPBakery. ALT-tekst kan bruges til billederne, hvilket er vigtigt, fordi en slider ellers let bliver en visuel funktion uden tilstrækkelig forklaring for søgemaskiner og brugere med hjælpemidler.
Enkel visning eller mere avanceret sammenligning
Basisudgaven er relevant, hvis behovet er enkelt. Pro-versionen åbner for flere layoutmuligheder, video og sammenligning med tre billeder. Det kan være nyttigt ved projekter, hvor man vil vise oprindelig stand, delmilepæl og færdigt resultat.
Ulempen er, at de mere avancerede funktioner kræver en betalt licens. Derudover bør man teste slideren på mobil, før den offentliggøres. En flot desktop-visning kan blive upræcis, hvis billederne har forskellige beskæringer eller hvis trækfunktionen er svær at ramme på en lille skærm.
Billederne bør altid suppleres med tekst om materialer, funktion og omfang. Hvis du arbejder med tegninger eller vil vise ændringer, som ikke kan ses tydeligt på et foto, kan 3D-visualisering give et bedre grundlag for dialogen.
4. Smart Slider 3 Pro
Smart Slider 3 Pro er et stærkt valg for teams, der allerede bruger værktøjet til hero-sektioner eller andre sliders på WordPress- eller Joomla-sider. Pro-versionen har et dedikeret Before/After-layer med touch- og drag-interaktion, så sammenligningen kan fungere på både computer og mobil.
På Smart Slider 3 Pro får man stor kontrol over layout, placering, responsive indstillinger og visning på forskellige skærmstørrelser. Færdige skabeloner, herunder renovation- og photo-compare-skabeloner, kan forkorte opsætningen, men de erstatter ikke arbejdet med at vælge og tilpasse billederne.
Jeg ville vælge dette værktøj, hvis hjemmesiden allerede har flere sliderbehov. Så kan samme system håndtere før efter-billeder, kampagneelementer og visuelle præsentationer. Det kan give færre afhængigheder og gøre det lettere for den samme person at vedligeholde siden.
Fleksibilitet har en pris
Den store designfrihed betyder også, at værktøjet er mere komplekst end en enkel før efter-plugin. Før efter-funktionen kræver Pro-licens, og opsætningen kan tage længere tid, hvis man kun har brug for én simpel sammenligning.
Et andet forhold er vedligeholdelse. Hver ekstra funktion på en WordPress-side skal testes efter opdateringer, særligt hvis siden bruger flere page builders eller andre visuelle plugins. Et stort værktøj er ikke automatisk den bedste løsning.
Den praktiske vurdering er derfor enkel. Vælg Smart Slider 3 Pro, hvis du vil samle flere visuelle opgaver i ét system og har brug for detaljeret kontrol. Vælg en lettere løsning, hvis galleriet kun skal vise få, ensartede projektbilleder.
5. Slider Revolution, Before & After-addon
Slider Revolution henvender sig til virksomheder, der ønsker mere end en klassisk skillelinje mellem to billeder. Before & After-addon'en kan vise en vandret eller lodret drag-split, justere startpositionen og arbejde med separate lag for før- og efter-tilstanden.
På Slider Revolution Before & After-addon kan man også bruge animeret ind- og udfade samt motion-effekter. Det passer godt til en hjemmeside, hvor samme platform bruges til kampagner, hero-sektioner og andre visuelt krævende moduler. Værktøjets økosystem omfatter 200+ templates og 30+ addons, som er angivet på produktets egen side.
Styrken er den samlede designplatform. Man kan bygge en mere levende præsentation af et projekt, hvor billeder, tekst, bevægelse og callouts indgår i samme modul. Dokumentationen og skabelonerne kan hjælpe en erfaren webredaktør med at få en ensartet stil på tværs af siden.
Hvornår bliver det for meget?
Slider Revolution er tungere end nicheværktøjer, og det kan mærkes i både opsætning og vedligeholdelse. Den årlige abonnementslicens kan også være mindre attraktiv end et værktøj med engangskøb, hvis behovet kun er en enkel før efter-visning.
Jeg ville derfor ikke vælge det alene for at lave et enkelt galleri med køkkenbilleder. Det giver mere mening, når virksomheden allerede arbejder med avancerede moduler og har tid eller hjælp til at styre dem.
Effekter må heller ikke skjule byggesagen. Et før efter-billede bør stadig vise samme område, samme perspektiv og en tydelig beskrivelse af arbejdet. Animation kan fange opmærksomheden, men kun præcis dokumentation skaber tillid.
6. JuxtaposeJS fra Knight Lab
JuxtaposeJS er den minimalistiske løsning. Den open source-baserede slider kan indlejres via Knight Lab CDN eller integreres i et eksisterende frontend-build, uden at man behøver installere et tungt WordPress-plugin.
Med JuxtaposeJS fra Knight Lab får man en enkel vandret eller lodret drag-split. Det er tilstrækkeligt til en landingsside med få, nøje udvalgte sammenligninger, hvor hurtig indlæsning og lav vedligeholdelse betyder mere end mange designfunktioner.
Værktøjet er uafhængigt af WordPress. Det gør det interessant for udviklere, bureauer og virksomheder med en specialbygget hjemmeside. Man får også adgang til dokumentation og GitHub-kode, så den tekniske integration kan tilpasses den eksisterende løsning.
Den lave kompleksitet begrænser også udtrykket
JuxtaposeJS har færre stylingmuligheder end page-builder-plugins. Hvis du vil have avancerede gallerier, flere layouts, video eller omfattende animationer, skal du selv bygge mere omkring slideren. Knight Lab-branding kan desuden forekomme i embeds afhængigt af integrationen.
Det er ikke en fejl. Det er selve pointen med værktøjet. En enkel løsning kan være mere pålidelig, hvis den passer til opgaven.
For en entreprenørside ville jeg bruge JuxtaposeJS til udvalgte cases, hvor billederne er korrekt justeret og teksten ligger ved siden af. Jeg ville ikke bruge det som eneste dokumentationssystem på byggepladsen. Det kan vise resultatet, men det registrerer ikke automatisk noter, tjeklister eller kundens projektarkiv.
7. Royal Elementor Addons, Before/After-widget
Royal Elementor Addons er relevant for virksomheder, der allerede bygger deres hjemmeside i Elementor. Her får man en Before/After-widget med drag-split som del af en større addons-pakke, i stedet for at installere et separat comparison-plugin.
Royal Elementor Addons Before/After-widget kan sættes ind som en almindelig Elementor-widget. Det gør arbejdsgangen kort for en redaktør, der allerede kender Elementor, og pakken indeholder samtidig andre widgets og skabeloner til resten af hjemmesiden.
Basisversionen er gratis, mens Pro-udvidelser giver flere muligheder. Fordelen ved alt-i-én-modellen er, at teamet ikke skal lære endnu et særskilt plugin. Det kan også være lettere at holde designet ens på tværs af sider, hvis Elementor allerede er den faste ramme.
Tjek performance før du aktiverer alt
En stor addons-pakke har en større kodebase end en niche-widget. Det kan påvirke sidens kompleksitet, hvis alle funktioner aktiveres uden omtanke. Selektiv aktivering er derfor en fornuftig del af opsætningen.
Royal Elementor Addons er ikke det oplagte valg for en virksomhed, der ikke bruger Elementor. Her kan BEAF eller JuxtaposeJS være mere direkte. Men for et Elementor-team kan den integrerede widget være praktisk, fordi indhold, styling og redigering samles i det system, man allerede arbejder i.
Uanset værktøj bør redaktøren kontrollere billedstørrelser, ALT-tekst, mobilvisning og kontrast mellem før og efter. En slider skal gøre dokumentationen tydeligere, ikke gøre den sværere at læse.
Sammenligning af 7 før‑efter‑løsninger
| Løsning | 🔄 Implementerings‑kompleksitet | ⚡ Ressourcekrav | ⭐ Forventet kvalitet/resultat | 📊 Ideel brugssituation | 💡 Nøglefordel |
|---|---|---|---|---|---|
| 8 Eksempler på Køkkenrenovering Før og Efter | Lav – publiceret cases (ingen teknisk opsætning) | Middel – fotos, beskrivelser og projektdata | ⭐⭐⭐⭐ – høj troværdighed og praktisk indsigt | Inspiration, realistiske budgetforventninger før rådgivning | Konkret før/efter + budget og projektledelsesindsigt |
| Billederapport (webapp) | Middel – onboarding og workflow‑ændring | Middel – app‑licens, smartphones, GDPR‑drift | ⭐⭐⭐⭐ – stærk dokumentation og sporbarhed | Dokumentation på adresse, reklamationer og entrepriser | Fuldt dokumentationsflow (tidsstempel, PDF, EU‑hosting) |
| BEAF – Before And After Gallery (WordPress) | Lav – plugin‑installation (let konfigurering) | Lav–Middel – WordPress, evt. Pro‑licens for avanceret | ⭐⭐⭐ – god visuel præsentation, især i gallerier | WordPress‑sites der vil vise mange cases samlet | Enkel opsætning og gallery‑support på tværs af page builders |
| Smart Slider 3 Pro | Middel – avancerede designmuligheder kræver tid | Middel – WordPress/Joomla + Pro‑licens | ⭐⭐⭐⭐ – høj designkontrol og responsivitet | Sites der allerede bruger Smart Slider til hero/slidere | Fleksibelt designniveau og livstidsopdateringer (engangsbetaling) |
| Slider Revolution – Before & After addon | Høj – kompleks plugin og mange funktioner | Høj – abonnement, templates og performance‑overvågning | ⭐⭐⭐⭐ – visuelt imponerende og effektfuldt | Visuelt krævende kampagner og avancerede hero‑sektioner | Stort template‑økosystem og avancerede animationer |
| JuxtaposeJS (Knight Lab) | Lav – simpel embed eller CDN‑inkludering | Lav – få filer/CDN, minimal vedligeholdelse | ⭐⭐⭐ – hurtig, let og driftssikker sammenligning | Letvægts landingssider eller embeds uden WordPress | Open source, gratis og minimal performance‑påvirkning |
| Royal Elementor Addons – Before/After | Lav (for Elementor‑brugere) | Lav–Middel – Elementor + addonpakke | ⭐⭐⭐ – integreret og hurtig opsætning i Elementor | Teams der bygger primært med Elementor og vil undgå ekstra plugins | Alt‑i‑én løsning for Elementor med gratis basiswidget |
Brug billederne som beslutningsgrundlag
Et godt galleri med før efter billeder hjælper dig ikke kun med at vælge stil. Det skal også gøre det lettere at stille de rigtige spørgsmål om funktion, materialer, tidsplan, økonomi og ansvar. I dansk renoveringspraksis anbefaler Værdibyg, at bygningens tilstand undersøges før renovering, og at ændringer bagefter registreres korrekt i BBR. Det gør billeddokumentation relevant som en del af projektets samlede sporbarhed, ikke kun som markedsføring. Værdibygs vejledning om bygningen før renovering beskriver netop betydningen af at kende bygningen, før arbejdet går i gang.
Arkiv.dk er Danmarks største historiske billedarkiv med mere end 2 millioner billeder og over 3,2 millioner registreringer. Materialet kommer fra mere end 580 lokal- og stadsarkiver, databasen vokser med 20.000-25.000 nye registreringer om måneden, og de ældste materialer går tilbage til 1600-tallet, som beskrevet i Bolius' gennemgang af historiske fotos. Det viser, at før efter-billeder i Danmark også kan indgå i en bredere tradition for at dokumentere bygninger, kvarterer og byrum over tid.
Det bør du have med til samtalen
Saml materialet, før du beder om et tilbud:
- Før-billeder: Tag oversigtsbilleder fra flere vinkler, og supplér med nærbilleder af skader, samlinger, installationer og overflader.
- Mål: Notér rummets længde, bredde, loftshøjde, vinduer, døre og placering af vand, afløb og el.
- Ønsker: Skriv, hvad der er vigtigst, for eksempel mere opbevaring, bedre arbejdsflow, mindre vedligeholdelse eller bevarelse af eksisterende detaljer.
- Materialer: Medbring billeder eller links til de materialer, du overvejer, men vær åben for alternativer med samme funktion.
- Spørgsmål: Bed om forklaring på omfang, faglig koordinering, forbehold, tidsplan, adgangsforhold og hvad der sker, hvis man finder skjulte forhold.
- Dokumentation: Aftal, hvilke før, undervejs og efter-billeder du får, og hvordan de arkiveres.
Billederne skal tages så ens som muligt. Samme højde, vinkel, lysforhold og udsnit gør sammenligningen mere ærlig. En slider kan ikke kompensere for to billeder, der viser forskellige dele af rummet.
Aalborg Universitets BUILD peger i en helhedsvurdering på, at den klimamæssige gevinst ved en renovering er begrænset, hvis forskellen i driftsenergiforbrug før og efter er lille. Derfor bør billedmateriale kobles til relevante KPI'er som energiforbrug, når projektet også handler om bygningens drift. BUILDs helhedsvurdering ved renovering er et godt grundlag for den del af dialogen.
Et konkret tilbud kræver altid opmåling og individuel vurdering. Hvis dit projekt ligger i Storkøbenhavn, kan et gratis og uforpligtende rådgivningsmøde med KK Bygningsentreprise være næste skridt. Her kan vi gennemgå billederne, se på boligen og tale åbent om løsninger, begrænsninger og den praktiske hverdag under byggeriet.
KK Bygningsentreprise ApS hjælper med både mindre renoveringer og større hoved- og totalentrepriser i Storkøbenhavn, fra køkkener og gulve til tag, facader og kontorer. Besøg KK Bygningsentreprise ApS med dine før-billeder og spørgsmål, så tager vi en konkret samtale om projektets omfang, koordinering og næste skridt.