Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Wat is het Portfolio-bouwblok?

Het Portfolio-bouwblok is de sectie waarin je uitgewerkte werkvoorbeelden of cases toont: twee tot zes projecten met beeld, klantnaam, korte context en concreet resultaat. Voor dienstverleners, creatieven, bureaus en architecten is het portfolio vaak het hart van de site — het is tegelijk oplossing, bewijs en positionering.

Het verschil met het Gallerij-bouwblok: een gallerij toont beeld, een portfolio vertelt een verhaal. Een gallerij laat zien wat iets is, een portfolio laat zien wat je ermee bereikte.

Wat je leert in deze les

Je leert welke elementen in elke portfolio-case horen, hoe je tussen "portfolio als gallerij" en "portfolio als casestudies" kiest, en hoe je de sectie opbouwt voor verschillende type bezoekers. Je krijgt voorbeelden, veelgemaakte fouten en een checklist.

De opbouw van een Portfolio-case

  • Visueel anker. Één sterk beeld dat het project vat. Fotografie, screenshot, rendering. Moet passen bij de overige cases — consistentie in beeld is essentieel.
  • Klantnaam en sector. "Voor [klant], een [sector-beschrijving]". Concreet, niet anoniem. Als de klant anoniem wil blijven, noem dan sector en schaal ("een e-commerce-speler in de modebranche").
  • Probleem of vraag. Eén zin over wat de klant zocht. "Ze wilden X maar kregen Y".
  • Aanpak of oplossing. Eén tot drie zinnen over wat je deed. Geen technische details — het waarom is belangrijker dan het hoe.
  • Concreet resultaat. Een getal, een visueel bewijs of een concrete quote. "40% meer aanvragen binnen 3 maanden" of "Positionering bereikte top-3 in hun markt".
  • Link naar volledige case (optioneel). Voor wie dieper wil. Alleen als je ook echt uitgewerkte cases hebt.

Portfolio als gallerij versus portfolio als cases

Er zijn twee hoofdvormen, elk met eigen toepassing:

  • Portfolio als gallerij. Zes tot twaalf projecten in grid-vorm, elk met beeld en klantnaam. Werkt voor visuele bureaus (fotografie, interieur, branding) waar het beeld zelf verkoopt.
  • Portfolio als cases. Twee tot vier uitgewerkte verhalen met probleem-aanpak-resultaat. Werkt voor consultancy, marketing, strategische diensten waar het denkwerk verkoopt.

Combineren mag: een gallerij-overzicht met klikbare cases die per project meer diepte bieden. Dat is vaak het sterkst voor bureaus met zowel visueel als strategisch werk.

10 voorbeelden uit echte sites

  • dapper.agency — eigenzinnig, branding, Webflow (S9/C8/D9/Dev9/Con8). Cases uitgewerkt met probleem, aanpak en concreet resultaat per klant. Portfolio als hoofdblok van de agency-website.
  • graphic-hunters.com — eigenzinnig, branding, Webflow (S8/C8/D9/Dev9/Con7). Portfolio volledig gericht op sport-branding. Elk project toont dezelfde strategische identiteit — niche-positionering via portfolio.
  • truus.agency — speels, sales, Webflow (S9/C8/D9/Dev9/Con8). Social-first campagnes als portfolio. Elke case heeft eigen karakter maar past in de bredere merkstem.
  • aanstekelijk.nl — eigenzinnig, branding, custom (S8/C8/D9/Dev9/Con7). Portfolio met grote merknamen (Bol, Volkswagen, Ziggo) als autoriteits-anker. Schaal van klanten werkt als bewijs.
  • photoclass.nl — professioneel, sales, Framer (S9/C9/D7/Dev7/Con9). Fotografie-portfolio als onderdeel van de cursuspagina. Laat zien wat de cursusleider zelf kan.
  • dopper.com — eigenzinnig, sales, custom (S9/C8/D8/Dev8/Con7). Productontwikkeling als portfolio-gedreven storytelling. Elk flesmodel heeft zijn eigen verhaal van ontwerp en samenwerking.
  • advocaten-van-van-riet.nl — professioneel, leadgeneratie, custom (S8/C8/D8/Dev8/Con7). Expertisegebied-portfolio in plaats van case-portfolio. Werkt voor juridische praktijken waar cliënt-anonimiteit belangrijk is.
  • upfront.nl — eigenzinnig, branding, custom (S9/C8/D9/Dev7/Con8). Productlijn als portfolio: elke variant gepresenteerd met eigen beeld en verhaal. Laat zien hoe een productmerk zijn aanbod als portfolio kan inzetten.
  • walbi.com — innovatief, sales, Webflow (S9/C8/D9/Dev9/Con8). Partner- en strategie-portfolio. Product-social-proof gecombineerd met technische cases.
  • adg.nl — professioneel, leadgeneratie, Webflow (S9/C9/D8/Dev8/Con7). Groepsmaatschappijen als portfolio-structuur. Holding-portfolio met 73 jaar ervaring als context.

De rol binnen de 5 emoties: Vertrouwen en Verlangen

Het Portfolio-bouwblok valt onder zowel Vertrouwen als Verlangen. Vertrouwen omdat het concreet laat zien wat je kunt. Verlangen omdat bezoekers zichzelf in de getoonde resultaten projecteren: "dit zou ik ook willen".

Veelgemaakte fouten

  • Alle cases tonen. Twaalf mediocre cases verslaan vijf sterke niet. Curateer streng.
  • Geen concreet resultaat. "Mooi project gemaakt" is geen case — een cijfer of concreet verschil is dat wel.
  • Anonieme cases. Zonder klantnaam of minstens sector voelt het portfolio als verzonnen.
  • Inconsistente beeldstijl. Als de cases visueel uit elkaar vallen, voelt het portfolio ongeorganiseerd.
  • Te technische uitleg. Bezoekers willen het wat en waarom, niet het hoe. Technische diepte hoort in aparte case-pagina's.
  • Verouderde cases. Projecten uit 2019 zeggen dat je niet actief bent. Roteer of dateer ze.

Checklist

  • Er staan twee tot zes uitgewerkte cases in de sectie.
  • Elke case heeft beeld, klantnaam (of anonieme sectoromschrijving), probleem, aanpak en concreet resultaat.
  • De beeldstijl is consistent over alle cases.
  • Elke case heeft een meetbaar of visueel bewijs van succes.
  • De nieuwste case is minder dan een jaar oud, of er staat een jaartal bij de cases.
  • Er staat een link naar een uitgebreidere case-pagina als je die hebt.

Waar dit bouwblok hoort op je pagina

Op de homepagina van dienstverleners en creatieve bedrijven als bewijs-en-oplossing-blok. Op een aparte cases-pagina of portfolio-pagina als hoofdblok. Op over-ons-pagina's verweven met het verhaal. Op de Social Proof-pagina als onderdeel van de uitgebreide bewijsverzameling. Niet op SaaS-homepagina's of e-commerce-pagina's — daar werkt Bewijs beter.

Verder lezen

  • Gallerij bouwblok. De beeld-gedreven variant van portfolio.
  • Bewijs (Social Proof) bouwblok. Hoe portfolio en bewijs samen werken.
  • Social Proof-pagina Blueprint. De volledige pagina waar cases een hoofdrol hebben.
Vorige les
Volgende les
portfolio-bouwblok
Geen vorige les
Geen volgende les