Wat is het Gallerij-bouwblok?

Het Gallerij-bouwblok is een visuele sectie met meerdere beelden: producten, ruimtes, werk, sfeer. Het is geen carousel of slider (die verdwijnen automatisch), maar een zichtbaar grid of rij waarin bezoekers zelf kiezen wat ze bekijken. Voor bedrijven waar het product of de dienst visueel is — retail, hospitality, creatieve sectoren, architectuur, interieur — is de gallerij vaak het belangrijkste element op de pagina.

Een goede gallerij werkt als een etalage: hij toont niet alles, maar het beste. Zes tot twaalf beelden zijn meestal voldoende om te overtuigen.

Wat je leert in deze les

Je leert welke formats werken (grid, masonry, carousel), hoe je de beelden selecteert en hoe je ze optimaal technisch uitwerkt voor snelheid en SEO. Je krijgt voorbeelden, veelgemaakte fouten en een checklist.

De opbouw van een Gallerij-sectie

• Formaat. Grid (gelijke afmetingen, rustig), masonry (ongelijke hoogtes, dynamischer), of hero-grid (één groot beeld met kleinere eromheen). Kies één format en houd je eraan binnen dezelfde gallerij.
• Aantal beelden. Zes tot twaalf beelden per gallerij. Meer wordt overweldigend, minder voelt dun.
• Consistentie in stijl. Kleurtint, belichting, compositie — als de beelden niet bij elkaar passen, voelt de gallerij rommelig.
• Lightbox-functionaliteit. Klik opent een groter beeld met navigatie-pijlen. Geeft de bezoeker controle.
• Technische optimalisatie. WebP of AVIF in plaats van JPG voor snelheid. Lazy-loading voor beelden onder de vouw. Alt-tekst per beeld voor SEO.

Welke soorten gallerijen werken waar

• Productgallerij. Voor e-commerce: productfoto's vanuit verschillende hoeken. Meestal op productpagina, zelden op homepagina.
• Project- of portfolio-gallerij. Voor dienstverleners: uitgevoerd werk. Vaak gecombineerd met klantnaam en projectjaar.
• Ruimte- of locatie-gallerij. Voor hospitality, horeca, retail: hoe de plek eruitziet. Vooral krachtig met sfeerbeelden in plaats van technische foto's.
• Sfeer- of lifestyle-gallerij. Voor fashion, beauty, lifestyle: hoe het product in context staat. Niet het product zelf, maar wat het mogelijk maakt.
• Team- of gezicht-gallerij. Gezichten in plaats van logo's. Werkt op over-ons-pagina's.

10 voorbeelden uit echte sites

• dopper.com — eigenzinnig, sales, custom (S9/C8/D8/Dev8/Con7). Productgallerij met flessen in verschillende kleuren en situaties. Lifestyle-fotografie die het merk consistent draagt.
• welvaere.com — minimalistisch, sales, Webflow (S8/C8/D8/Dev7/Con7). Premium productgallerij met veel witruimte. Beelden die even veel werk doen als de tekst.
• sambrosa.nl — minimalistisch, sales, Shopify (S8/C9/D8/Dev8/Con7). Productfoto's gecombineerd met lifestyle-beelden. Laat zien hoe je een health-product esthetisch kunt positioneren.
• dapper.agency — eigenzinnig, branding, Webflow (S9/C8/D9/Dev9/Con8). Portfolio-gallerij met cases, elk met eigen visueel karakter. Agency-showcase in optimale vorm.
• graphic-hunters.com — eigenzinnig, branding, Webflow (S8/C8/D9/Dev9/Con7). Sport-branding-portfolio: kleurgebruik, typografie en beeldstijl komen in elke case terug. Visuele consistentie als positionering.
• ice-tubs.com — eigenzinnig, sales, Webflow (S9/C9/D8/Dev8/Con8). Productgallerij met ijsbaden in verschillende omgevingen. Toont productrange én gebruiks-contexten.
• tonyschocolonely.com — eigenzinnig, branding, Shopify (S8/C8/D9/Dev7/Con8). Product- en cadeau-gallerij met krachtige rode typografie en visuele hiërarchie. Merk zichtbaar in elke tile.
• upfront.nl — eigenzinnig, branding, custom (S9/C8/D9/Dev7/Con8). Productfotografie met lifestyle-elementen. Laat zien hoe een voedingsmerk premium kan presenteren.
• truus.agency — speels, sales, Webflow (S9/C8/D9/Dev9/Con8). Portfolio van social-first campagnes met beweging en kleur. Gallerij die het bureau karakter geeft.
• het-stedelijk.nl — eigenzinnig, informeren, Webflow (S8/C8/D8/Dev8/Con7). Gallerij van schoolgebouwen en locaties. Toont dat niet-commerciële sites gallerijen kunnen inzetten voor oriëntatie.

De rol binnen de 5 emoties: Verlangen

Het Gallerij-bouwblok valt onder de bouwsteen Verlangen. Beelden spreken direct tot de bezoeker en wekken verlangen sneller dan tekst kan. Voor visuele productcategorieën is een sterke gallerij vaak het kantelpunt tussen overwegen en willen.

Veelgemaakte fouten

• Alle beelden tonen. Dertig foto's achter elkaar zijn niet beter dan twaalf goed gekozen beelden.
• Beelden zonder consistente stijl. Warm licht in één foto en flash in een andere, driekwart in één en zijkant in een andere — de gallerij voelt rommelig.
• Te zware bestanden. Onverkleinde JPG's maken de pagina traag. Elke seconde laadtijd kost bezoekers.
• Geen alt-tekst. Slecht voor SEO en slecht voor toegankelijkheid. Elke gallerij-afbeelding verdient een beschrijvende alt-tekst.
• Carousel op desktop. Automatische slides op desktop worden zelden uitgekeken; mensen zien alleen de eerste twee.
• Lightbox zonder navigatie-pijlen. Bezoekers moeten steeds terug naar de gallerij om een volgend beeld te openen.

Checklist

• De gallerij bevat zes tot twaalf zorgvuldig geselecteerde beelden.
• Alle beelden delen een consistente stijl (kleur, compositie, belichting).
• Beelden zijn WebP of AVIF, niet onverkleinde JPG.
• Lazy-loading is actief voor beelden onder de vouw.
• Elke afbeelding heeft een beschrijvende alt-tekst.
• Lightbox opent een groter beeld met navigatiepijlen voor volgend/vorig.

Waar dit bouwblok hoort op je pagina

Op homepagina's van retail, hospitality en creatieve bedrijven. Op over-ons-pagina's voor werkomgeving. Op verkooppagina's voor productfotografie. Op portfolio-gerichte pagina's voor werkshowcase. Niet op SaaS- of B2B-software-homepagina's (daar werkt feature-visualisatie beter).

Verder lezen

• Portfolio bouwblok. De uitgewerkte variant: case-gedreven in plaats van beeld-gedreven.
• Video bouwblok. Voor bewegend beeld in plaats van stilstaand.
• Slider bouwblok. De roterende variant, sparingly te gebruiken.