Terug

Hoe bouw je een portfolio website als ontwerper?

Bouw een portfolio website thumbnail

Elke ontwerper komt op dat punt. Je weet dat je een portfolio nodig hebt. Je opent een leeg canvas, staart er twintig minuten naar, sluit het en zegt tegen jezelf dat je morgen begint.

Het probleem is niet motivatie. Het is dat beginnen overweldigend voelt. Je neemt honderden beslissingen tegelijk: lay-out, typografie, kleuren, structuur, inhoud. En je doet dat allemaal nog voordat je een single woord over je daadwerkelijke werk hebt geschreven.

Deze gids helpt je hier doorheen. Dit is wat er echt toe doet bij het bouwen van een portfoliowebsite, in een praktische volgorde die je kunt volgen.

Wat je portfolio eigenlijk moet doen

Voordat je een ontwerptool aanraakt, is het handig om duidelijk te hebben welke taak je portfolio moet vervullen.

Een portfoliowebsite heeft één taak: de juiste mensen overtuigen om contact op te nemen. Al het andere is secundair.

Om dat goed te doen, heb je het volgende nodig:

  • Een duidelijke homepage die communiceert wat je doet en voor wie je het doet

  • Een gerichte selectie van je beste werk, niet alles wat je ooit hebt gemaakt

  • Casestudy's of projectpagina's die het probleem, je proces en het resultaat uitleggen

  • Een over-mij-pagina die aanvoelt alsof hij door een mens is geschreven

  • Een contactsectie die het makkelijk maakt om contact op te nemen

Dat is het. Je hebt geen blog nodig. Je hebt geen winkel nodig. Je hebt geen twaalf pagina's nodig. Je hebt die vijf dingen nodig, mits goed uitgevoerd.

Kies het juiste platform

Het platform waarop je bouwt, bepaalt hoe snel je kunt werken en hoeveel controle je hebt over het resultaat. Voor ontwerpers springen er een paar opties uit.

Framer is gebouwd voor ontwerpers. Het canvas werkt net als Figma, het resultaat is een snelle, schone website en je hoeft geen code aan te raken tenzij je dat zelf wilt. Animaties en interacties zijn ingebouwd. Je publiceert direct vanaf het canvas. Voor een portfoliowebsite biedt het de juiste balans tussen ontwerpvrijheid en publicatiesnelheid.

Webflow geeft je meer technische controle en een krachtiger CMS. De leercurve is steiler, maar als je iets complex bouwt of gedetailleerde CSS-controle wilt, is het de investering waard. Voor een eenvoudig portfolio is het waarschijnlijk meer dan je nodig hebt. Het artikel Framer vs Webflow behandelt de verschillen in detail als je tussen deze twee twijfelt.

Squarespace is het makkelijkste startpunt. De sjablonen zien er goed uit en de installatie is snel. Het nadeel is de beperkte ontwerpflexibiliteit. Je loopt snel tegen grenzen aan als je iets wilt dat niet binnen hun grid past.

Voor de meeste ontwerpers die volledige creatieve controle willen zonder code te schrijven, is Framer de sterkste keuze in 2026.

Framer Canvas Assets Panel

Plan je structuur voordat je ontwerpt

Een veelgemaakte fout is om direct in het ontwerp te duiken voordat je beslist wat de site daadwerkelijk moet bevatten. Besteed eerst een uur aan de structuur.

Voor de meeste portfolio's van ontwerpers werkt dit goed:

  • Home — wie je bent, wat je doet, een aantal geselecteerde werken, een duidelijke call-to-action

  • Werk — je projectenlijst of casestudy's

  • Projectpagina's — één pagina per project met context, proces en resultaat

  • Over mij — je achtergrond, aanpak en persoonlijkheid

  • Contact — hoe je te bereiken bent, zo eenvoudig mogelijk

Houd het compact. Een gefocust portfolio van vijf pagina's is effectiever dan een uitgebreide site van tien pagina's. Klanten lezen zelden alles. Ze scannen, klikken op een of twee projecten en beslissen op basis daarvan.

Kies je beste werk zorgvuldig

Dit is waar de meeste portfolio's de mist in gaan. Ontwerpers tonen te veel omdat het veiliger voelt om veelzijdigheid te laten zien. In de praktijk verwatert dit de indruk.

Drie tot vijf sterke projecten winnen het altijd van tien matige. Als je ergens niet trots op bent, neem het dan niet op. Klanten kijken naar je zwakste werk en gaan ervan uit dat dit je standaard is.

Een paar vragen die je jezelf kunt stellen bij elk project dat je overweegt:

  • Laat dit het soort werk zien waar ik meer van wil doen?

  • Kan ik het probleem, het proces en het resultaat duidelijk uitleggen?

  • Is de visuele kwaliteit iets waar ik oprecht trots op ben?

Als het antwoord op een van deze vragen nee is, laat het dan weg.

Schrijf casestudy's die daadwerkelijk converteren

De projectpagina is de plek waar een portfolio een klant wint of verliest. De meeste ontwerpers behandelen het als een visuele showcase. De besten behandelen het als een verhaal.

Elke casestudy moet antwoord geven op drie vragen:

  1. Wat was het probleem of de uitdaging?

  2. Wat heb je gedaan, and waarom?

  3. Wat was het resultaat?

Houd het beknopt. Een paar alinea's en sterke beelden zijn beter dan een scrollsessie van tien minuten. Vermeld je rol duidelijk, vooral als het een teamproject was. Klanten moeten begrijpen wat jouw specifieke bijdrage was.

Vermijd vaag taalgebruik zoals "de gebruikerservaring verbeterd" zonder uit te leggen hoe of wat er is veranderd. Specifieke resultaten, zelfs ruwe schattingen, zijn altijd overtuigender dan algemene uitspraken.

Schrijf een over-mij-pagina die klinkt als jij

De over-mij-pagina is steevast een van de meest bezochte pagina's op een portfoliosite. De meeste ontwerpers slaan deze over of schrijven iets dat leest als een cv.

Schrijf alsof je tegen iemand praat. Leg uit wat je doet, waar je om geeft en hoe het is om met jou samen te werken. Een beetje persoonlijkheid werkt beter dan een lijst met tools en jarenlange ervaring.

Als je niet zeker weet waar je moet beginnen, beantwoord dan deze vragen in gewone taal en schrijf van daaruit verder:

  • Wat voor soort ontwerper ben je?

  • Waar werk je het liefst aan?

  • Wat krijgt een klant als ze met jou samenwerken?

Dat is genoeg voor een goede over-mij-pagina.

Maak het makkelijk om contact met je op te nemen

Een verrassend aantal portfolio's maakt contact opnemen moeilijker dan nodig is. Een weggestopt e-mailadres in de footer, een contactformulier met vijf velden, of helemaal geen contactmogelijkheid.

Zet je contactgegevens op een duidelijke plek. In de navigatie, onderaan elke projectpagina, of beide. Hoe eenvoudiger, hoe beter. Een enkel e-mailadres of een kort contactformulier is voldoende. Zorg dat iemand geen moeite hoeft te doen om je in te huren.

Simple Contact Form Framer

Zorg dat je portfolio gevonden wordt op Google

Een portfolio dat niemand kan vinden, levert geen klanten op. Het is de moeite waard om vanaf het begin de basis-SEO goed aan te pakken, en het kost niet veel tijd.

De essentie:

  • Schrijf een unieke paginatitel en metabeschrijving voor elke pagina

  • Gebruik een beschrijvende URL zoals /ux-designer-amsterdam in plaats van /pagina-2

  • Voeg alt-tekst toe aan elke afbeelding

  • Gebruik een juiste koppenstructuur, één H1 per pagina en logische H2's daaronder

  • Koppel Google Search Console en dien je sitemap in na de lancering

Voor een volledig overzicht van hoe je SEO aanpakt op een Framer site, behandelt de Framer SEO-gids alles wat je nodig hebt.

Lanceer het, en verbeter het daarna

De grootste fout die ontwerpers maken met hun portfolio, is wachten tot het perfect is voordat ze het publiceren. Dat zal het nooit zijn. Er is altijd nog wel iets om aan te passen.

Lanceer een versie waar je redelijk trots op bent en verbeter hem van daaruit. Een live portfolio dat 80% is van wat je wilt, is oneindig veel nuttiger dan een perfect portfolio dat nog niet bestaat.

Stel een deadline. Geef jezelf een week. Voeg je beste drie projecten toe, schrijf eerlijke beschrijvingen, publiceer het. Verfijn het zodra het live staat.

Een opmerking over sjablonen

Als je de structurele beslissingen helemaal wilt overslaan en je vanaf dag één op de inhoud wilt richten, is beginnen met een goed gebouwd Framer template een slimme kortere weg. Een goed template geeft je een beproefde lay-out, responsief gedrag op alle apparaten en globale stijlen die je in een paar minuten kunt bijwerken. Je zorgt zelf nog steeds voor de inhoud en de personalisatie, maar de basis staat al.

De Holygrid Framer templates zijn met dit in gedachten gebouwd. Schone componenten, een logische structuur en makkelijk aan te passen naar je eigen stijl. Het Refined template is een goed startpunt voor een minimalistisch portfolio dat ook de verkoop van digitale producten ondersteunt.

Het bouwen van een portfoliowebsite als ontwerper hoeft geen weken te duren. Zorg voor de juiste structuur, kies je beste werk, schrijf als een mens en publiceer. Al het andere is verfijning.

Meld je aan voor de nieuwsbrief

Echte verhalen, ontwerptips en inspiratie.

Bovendien krijgt u 20% korting op uw eerste bestelling.

Sluit je aan bij meer dan 1.600 ontwerpers en bouwers. Meld je op elk moment af.

Join the club

Echte verhalen, ontwerptips en inspiratie.

Direct in je inbox. Bovendien krijg je 20% korting op je eerste bestelling.

Sluit je aan bij meer dan 1.600 ontwerpers en bouwers. Meld je op elk moment af.