Grafisch ontwerp portfolio website: pagina's en checklist

Een portfolio website voor grafisch ontwerpers bouwen: hoeveel projecten, welke pagina's, een casestudy-sjabloon en een checklist voor de lancering.

Veelgestelde vragen

Hoeveel projecten moet een portfolio website voor grafisch ontwerp bevatten?

Mik op 6 tot 10 projecten, waarbij je sterkste twee of drie bovenaan staan. Er is geen officieel aantal. Het gaat erom dat elk project zijn plek verdient en dat de selectie laat zien voor welk soort werk je ingehuurd wilt worden. Is een werk zwakker dan de rest, laat het dan weg. Een compacte selectie getuigt van beter oordeelsvermogen dan een lange.

Heb ik een eigen domeinnaam nodig voor een portfolio als grafisch ontwerper?

Verplicht is het niet, maar een domein met je eigen naam (jouwnaam.nl of jouwnaam.design) oogt professioneler op je cv en in je e-mailhandtekening, en het blijft van jou als je van platform wisselt. Controleer beschikbaarheid en verlengingsprijzen bij je registrar voordat je koopt, want de prijzen verschillen.

Moet ik alleen afgerond werk tonen, of ook het proces?

Toon beide, in de juiste verhouding. Begin elk project met het eindresultaat en laat daarna kort schetsen, concepten of verworpen alternatieven zien. Het proces laat zien hoe je denkt, en dat telt vooral bij functies in loondienst en bij bureaus. Wil je dat bezoekers je werk snel kunnen scannen, bewaar het proces dan op de projectpagina en niet op de homepage.

Mag ik studieprojecten, persoonlijke projecten of conceptwerk opnemen?

Ja, zeker als je nog aan het begin van je loopbaan staat. Benoem ze eerlijk als studieproject, persoonlijk project of concept, zodat niemand ze voor klantwerk aanziet. Opdrachten die je jezelf hebt gegeven zijn prima, zolang je het probleem en de randvoorwaarden duidelijk beschrijft. Vervang ze door echt klantwerk zodra je dat hebt.

Welke bestandsformaten en afbeeldingsformaten gebruik ik voor portfolio-afbeeldingen?

Exporteer webklare afbeeldingen: meestal JPEG of WebP voor fotografische mockups en PNG of SVG voor vlakke graphics en logo's. Pas ze aan op de breedte waarop ze worden getoond en comprimeer ze zodat pagina's snel laden. Bewaar daarnaast een pdf-versie van je portfolio in hoge resolutie voor sollicitaties per e-mail.

Is een portfolio website beter dan een portfolio als pdf?

Ze vervullen verschillende rollen. Een website deel je makkelijk met een link, wordt gevonden in zoekmachines en kun je op elk moment bijwerken. Een pdf is handig wanneer een sollicitatie nadrukkelijk om een bijlage vraagt. De meeste ontwerpers hebben allebei: de website als hoofdportfolio en een pdf die uit dezelfde projecten is samengesteld.

Kort antwoord: Een portfolio website voor grafisch ontwerp heeft 6 tot 10 van je beste projecten nodig, elk gepresenteerd als korte casestudy (probleem, jouw rol, proces, resultaat), plus vier pagina's: Home, Werk, Over mij en Contact. Begin met je drie sterkste projecten, toon alleen het soort werk waar je meer van wilt en zorg dat je contactgegevens niet te missen zijn. Het sjabloon en de checklist hieronder dekken de rest.

Wat een portfolio site voor grafisch ontwerp echt nodig heeft

Een portfolio heeft één taak: een vreemde in een minuut of twee laten besluiten of diegene je gaat mailen. Alles op de site dient die beslissing. Bezoekers zijn meestal een van deze drie:

Een klant die wil weten of je hun soort probleem kunt oplossen (branding, verpakkingen, social media, drukwerk).
Een recruiter of leidinggevende die bewijs zoekt van smaak, bereik en hoe je met anderen samenwerkt.
Een collega of bureau dat snel jouw specialisme wil zien.

Bepaal wie je belangrijkste lezer is voordat je projecten kiest. Een portfolio voor freelance merkklanten ziet er anders uit dan een portfolio voor een juniorfunctie in loondienst.

Hoeveel projecten je toont

Mik op 6 tot 10. Minder dan 6 kan mager overkomen, tenzij elk project een uitgebreide casestudy is. Meer dan 10 betekent meestal dat sommige werken je beste projecten verwateren.

Zo bepaal je eenvoudig wat blijft:

Maak een lijst van elk project waar je trots op bent.
Markeer de projecten die passen bij werk dat je vaker wilt doen. Schrap de rest, ook als je ervoor betaald kreeg.
Rangschik wat overblijft op kwaliteit. Zet de beste drie bovenaan.
Controleer of er binnen je niche genoeg variatie is: bijvoorbeeld één logosysteem, één verpakking en één redactioneel of campagnewerk.
Als twee projecten dezelfde vaardigheid bewijzen, houd dan de beste.

De pagina's die je nodig hebt

Met vier pagina's kom je al een eind. Voeg andere pas toe als je er echt inhoud voor hebt.

Pagina	Doel	Wat erop staat
Home	De bezoeker in seconden oriënteren	Eén zin over wat je doet, 3 tot 6 uitgelichte projecten, een duidelijke contactlink
Werk (of Projecten)	De volledige galerij	Miniaturen met projectnaam en discipline, die doorlinken naar elke casestudy
Casestudy-pagina's	Laten zien hoe je denkt	Eén pagina per project, opgebouwd volgens het sjabloon hieronder
Over mij	Van jou een persoon maken	Korte bio, foto, vaardigheden of tools, diensten of beschikbaarheid
Contact	Drempels weghalen	E-mailadres, eventueel een formulier, links naar je professionele profielen

Optionele extra's: een Diensten-pagina als je freelance werkt, een Cv-pagina als je op zoek bent naar een baan, en een korte Proces-pagina als je bij elk project dezelfde stappen volgt.

Sjabloon voor de opbouw van een casestudy

Kopieer deze opzet voor elk project. Houd elk onderdeel kort. De meeste bezoekers scannen, dus laat koppen en beelden het verhaal dragen.

Het sjabloon

Projecttitel en samenvatting in één zin. Naam van de klant of het project, discipline en jaar. Voorbeeld: "Harbor Coffee Roasters, verpakking en merkidentiteit, 2025."
De opdracht. Twee of drie zinnen over wat de klant nodig had en waarom. Noem de beperking (budget, deadline, doelgroep) als die er was.
Jouw rol. Wat jij deed, en wat anderen deden als het teamwerk was. Wees precies: "Hoofdontwerper, met een copywriter en een drukker" is geloofwaardiger dan "Alles zelf ontworpen."
Proces. Drie tot vijf beelden of korte bijschriften: schetsen, moodboards, eerste richtingen en de redenering achter de keuze die je maakte.
Het eindresultaat. De grootste, schoonste beelden op de pagina. Toon het ontwerp in context met mockups of echte foto's van gedrukt werk.
Het resultaat. Wat er veranderde, met alleen dingen die je naar waarheid kunt noemen: de klant lanceerde het, het verving een oudere identiteit, het ligt nu in de winkel, het is op een bepaalde schaal gedrukt. Heb je geen cijfers, laat ze dan weg. Verzin geen cijfers.
Link naar het volgende project. Houd mensen in beweging door je werk.

Voorbeeldformuleringen om aan te passen

Opdracht: "De klant, een kleine bakkerij in de buurt, wilde een logo en verpakking die handgemaakt aanvoelden maar goedkoop in één kleur te reproduceren waren."
Rol: "Ik deed het onderzoek, het logo-ontwerp en het verpakkingssysteem. De klant schreef zelf de productteksten."
Bijschrift bij het proces: "Drie eerste richtingen. We lieten het handschrift-woordmerk vallen omdat het op kleine formaten slecht leesbaar was."
Resultaat: "De nieuwe verpakking werd in het voorjaar gelanceerd en wordt nu gebruikt voor alle productlijnen."

Ontwerp de site zo dat het werk de hoofdrol speelt

Beperk de navigatie tot vier of vijf items. Home, Werk, Over mij, Contact is genoeg.
Gebruik neutrale achtergronden en veel ruimte. Je projecten brengen de kleur. Een druk sjabloon concurreert ermee.
Kies één of twee lettertypen. Als ontwerper is je eigen site een typografisch staaltje. Houd het consistent en leesbaar.
Maak afbeeldingen groot. Miniaturen moeten scherp zijn en op projectpagina's mogen de belangrijkste beelden de volledige breedte vullen.
Zet je naam en discipline bovenaan de homepage. "Maya Chen, merk- en verpakkingsontwerper" wint het van een slimme slogan die niemand begrijpt.
Test op je telefoon. Veel bezoekers openen je link op mobiel. Test de galerij, het menu en de contactlink.
Comprimeer afbeeldingen. Zware bestanden vertragen pagina's, wat slecht is voor bezoekers en voor je vindbaarheid.

Stap voor stap: van nul tot gepubliceerd

Kies je focus en je lezer. Eén zin: "Ik ontwerp [wat] voor [wie]."
Selecteer 6 tot 10 projecten met het filter hierboven.
Schrijf elke casestudy volgens het sjabloon, te beginnen met je beste project.
Exporteer webklare afbeeldingen in het formaat waarop ze worden getoond en geef bestanden duidelijke namen.
Kies een bouwer en een layout die beelden voorop zet en weinig afleiding biedt. Wil je een startpunt, bekijk dan de pagina website bouwen voor grafisch ontwerpers en het AI-portfoliosjabloon voor ontwerpers om te zien hoe een kant-en-klare layout eruitziet.
Bouw de vier kernpagina's en voeg je casestudy's toe.
Koppel een domein met je eigen naam.
Controleer alles, en vraag dan een vriend of oud-collega om je e-mailadres op de site te vinden. Lukt dat niet makkelijk, verbeter dan de contactpagina.
Publiceer en deel de link in je e-mailhandtekening, cv en professionele profielen.

Vergelijk je tools? Met het gratis abonnement van We.Inc publiceer je tot drie sites vanuit kant-en-klare sjablonen; de AI-bouwer die een site uit een prompt opstelt, begint bij het Starter-abonnement voor $20 per maand. Je kunt je hier aanmelden. Verlaat je een ander portfolioplatform, bekijk dan deze lijst met Portfoliobox-alternatieven.

Checklist voor de lancering

Kopieer dit en vink items af voordat je de link deelt.

Inhoud

[ ] 6 tot 10 projecten, de sterkste drie eerst
[ ] Elk project heeft een opdracht, jouw rol, proces, eindwerk en resultaat
[ ] Studieprojecten, persoonlijke projecten en concepten zijn eerlijk benoemd
[ ] Geen klantwerk getoond dat je niet mag delen
[ ] De Over mij-pagina heeft een foto, een korte bio en waarvoor je beschikbaar bent
[ ] Je e-mailadres staat zichtbaar op de Contactpagina en in de footer

Ontwerp

[ ] De navigatie heeft vijf items of minder
[ ] Eén of twee lettertypen consequent gebruikt
[ ] Tekst is goed leesbaar tegen de achtergrond
[ ] Afbeeldingen zijn groot, scherp en in de galerij even groot
[ ] Elke afbeelding heeft een beschrijvende alt-tekst

Techniek

[ ] Ziet er goed uit op telefoon, tablet en desktop
[ ] Afbeeldingen gecomprimeerd; pagina's laden snel
[ ] Alle links werken, ook de links naar het volgende project
[ ] Paginatitels en beschrijvingen zijn ingesteld voor de homepage en elk project
[ ] Eigen domein gekoppeld en de site laadt via HTTPS
[ ] Voorbeeldafbeelding voor social media ingesteld, zodat gedeelde links er goed uitzien

Na de lancering

[ ] Link toegevoegd aan je e-mailhandtekening, cv en professionele profielen
[ ] Een herinnering ingesteld om je portfolio om de paar maanden te bekijken en nieuw werk toe te voegen

Veelgemaakte fouten

Alles tonen wat je ooit hebt gemaakt. Selecteren is onderdeel van de vaardigheid die je laat zien.
Afbeeldingen zonder context. Een prachtige mockup zonder opdracht zegt niets over hoe jij denkt.
De contactlink verstoppen. Kost het meer dan één klik, dan mis je aanvragen.
Resultaten claimen die je niet kunt onderbouwen. Beschrijf nauwkeurig wat er gebeurde. Een eerlijk, bescheiden resultaat is geloofwaardiger dan een vage grote claim.
Het nooit bijwerken. Vervang oudere stukken door sterkere, recentere.

Hoe nu verder

Zodra de site live is, kan hetzelfde portfolio een freelance bedrijf ondersteunen. Deze gidsen behandelen de volgende stappen: klanten voor webdesign vinden en een webdesignbedrijf laten groeien zijn allebei bruikbaar voor ontwerpers die naast grafisch werk ook websites gaan aanbieden.

Gratis beginnen · Geen creditcard nodig

Umair Ali Sadaqat

Oprichter van We.Inc

Umair is de oprichter van We.Inc. Hij schrijft over websites bouwen met AI, bureaus en de bedrijfsvoering van een webstudio.

Klaar om iets moois te bouwen?

Sluit je aan bij 15,000+ bedrijven die We.Inc gebruiken om te lanceren, te groeien en te automatiseren, allemaal vanuit één platform.