Voorbeelden van portfoliowebsites: 14 ideeën voor designers, ontwikkelaars en makers

De beste portfoliowebsites doen drie dingen snel: ze zeggen wie je bent en wat je doet, ze laten een paar van je beste werkstukken zien met context, en ze maken contact makkelijk. Hieronder staan 14 voorbeelden van portfoliowebsites. Vijf zijn echte sites die we in oktober 2026 hebben bekeken; de andere negen zijn patronen voor verschillende soorten werk, beschreven zonder een site te noemen. Daarna volgen een checklist, veelgemaakte fouten en hoe je er zelf een bouwt.

De 14 voorbeelden in één overzicht

Echte portfoliosites en wat ze goed doen

Beschrijvingen zijn van oktober 2026.

1. Brittany Chiang: alles wat een developerrecruiter nodig heeft

De site van Brittany Chiang stelt haar voor als front-end engineer, met een tagline van één regel over toegankelijke, verzorgde webervaringen. De navigatie springt tussen Over mij, Ervaring en Projecten. Elke baan vermeldt de werkgever, data, een korte beschrijving en technologietags, met een link naar het volledige cv. Uitgelichte projecten hebben een screenshot, een beschrijving en een link, en een link "View full project archive" bevat de rest. Een schrijfsectie linkt naar haar artikelen.

Leer hiervan: de hoofdpagina toont de beste paar items; het archief bevat de rest. Tags maken het makkelijk om op een specifieke vaardigheid te scannen.

2. Jessica Hische: een portfolio dat ook een bedrijf is

De site van Jessica Hische presenteert haar als letterkunstenaar, auteur en ondernemer. Opdrachtwerk is gegroepeerd in categorieën (reclame, boeken en film, redactioneel, producten), elk project heeft een miniatuur die naar een volledige pagina linkt, en de beschrijvingen zijn informeel en leggen het proces uit. Naast het werk staan pagina's voor opdrachten, sprekerschap, coaching, boeken, een winkel en aparte contactadressen voor verschillende soorten vragen.

Leer hiervan: als je verschillende dingen verkoopt, geef elk een eigen route en een eigen contactweg zodat de juiste aanvragen bij je terechtkomen.

3. Lee Robinson: gewone tekst, helder denken

De site van Lee Robinson is één minimale pagina: een korte bio, een lijst met onderwerpnotities en een gedateerde lijst met blogposts. Contact loopt via een e-maillink en een X-profiel.

Leer hiervan: voor mensen wier werk uit ideeën bestaat, is schrijven het portfolio. Een gewone lijst met titels en datums is makkelijk te lezen en snel te laden.

4. Paco Coursey: korte, eigenzinnige secties

De site van Paco Coursey beschrijft hem als ontwerper en ontwikkelaar die interfaces maakt. De pagina heeft korte secties voor wat hij bouwt, drie open-sourceprojecten, schrijfwerk, een sectie "Now" over actuele interesses, en contactlinks.

Leer hiervan: een sectie "Now" is een makkelijke manier om een portfolio actueel en persoonlijk te laten voelen, zonder blog.

5. Bruno Simon: de site is het werk

Het portfolio van Bruno Simon is een interactieve 3D-wereld waarin je met een kleine auto rijdt, met toetsenbord-, muis-, touch- en gamepadbesturing, prestaties en een racemodus met tijd. Een sectie "behind the scenes" legt de stack uit en linkt naar de broncode.

Leer hiervan: voor creatieve ontwikkelaars kan een experimentele site het sterkste bewijs van vaardigheid zijn. Het past slecht bij de meeste andere rollen, omdat bezoekers die gewoon je cv willen eerst moeten spelen.

Portfoliopatronen die je kunt overnemen

6. Case study-portfolio

Drie tot vijf projecten, elk op een eigen pagina: het probleem, je rol, de randvoorwaarden, het proces (schetsen, iteraties), het resultaat en wat je anders zou doen. Begin bovenaan met het resultaat in één zin. Het best voor productdesigners en UX-onderzoekers.

7. Fotoraster-portfolio

Grote beelden in een raster of een volledige breedte-reeks, gegroepeerd in galerijen (bruiloften, portretten, commercieel). Weinig tekst, snel ladende beelden en een boek- of aanvraaglink bij elke galerij. Zie hoe je een fotografiewebsite bouwt.

8. Schrijfportfolio

Je beste clips gegroepeerd per onderwerp of publicatie, elk met een kop, medium, datum en een samenvatting van één regel. Link naar het live artikel en bewaar een pdf-kopie voor het geval het offline gaat.

9. Eénpagina-site voor freelancers

Wat je doet, voor wie, drie werkstukken, een startprijs of prijsklasse als je die graag deelt, getuigenissen en een contactformulier. Goed als het doel aanvragen zijn, niet recruiters.

10. Student- of junior-portfolio

Behandel schoolprojecten en persoonlijke projecten als echt werk: de opdracht, je keuzes en het resultaat. Een korte sectie "wat ik aan het leren ben" laat zien waar je naartoe gaat. Link naar code en live demo's.

11. Videoreel-portfolio

Een reel van 60 tot 90 seconden bovenaan, daarna losse projecten met credits en je rol. Host video bij een dienst die daarvoor is gebouwd, zodat de pagina snel blijft.

12. Architectuur- of interieurportfolio

Projecten gefilterd op type (woningbouw, commercieel), elk met foto's, plattegronden en een korte notitie over de opdracht. Locatie en jaartal helpen klanten relevant werk te vinden.

13. Data- of onderzoeksportfolio

Enkele gepubliceerde analyses met een of twee interactieve grafieken, links naar notebooks of rapporten, en een samenvatting per bevinding in begrijpelijke taal.

14. Link-in-bio-portfolio

Voor creators die op sociale platforms leven: één mobiel-eerst pagina met je beste recente werk, je kanalen en een contact- of boekingslink. Zie hoe je een link-in-bio-pagina bouwt.

Wat de beste portfolio's gemeen hebben

• Een intro van één regel. Je naam en wat je doet, in woorden die een klant of recruiter zou gebruiken.
• Geselecteerd werk. Een handvol sterke stukken, met een archief voor de rest.
• Context bij elk stuk. Je rol, het probleem en het resultaat. Beelden alleen verklaren geen beslissingen.
• Makkelijk contact. Een e-maillink of een kort formulier op elke pagina, niet begraven in een voettekst.
• Snel en leesbaar. Geoptimaliseerde beelden, duidelijke typografie, werkt op een telefoon.
• Actueel. Recent werk of een "nu"-notitie laat zien dat je actief bent.
• Je eigen domein als dat kan, zodat het adres voor altijd van jou is.

Veelgemaakte fouten

• Alles laten zien. Tien gemiddelde projecten verbergen twee goede.
• Geen uitleg. Een galerij met screenshots zegt niet wat je hebt gedaan.
• Moeilijk te vinden contactgegevens. Als mensen een e-mailadres moeten zoeken, doen velen het niet.
• Stijl boven inhoud. Zware animatie die de pagina vertraagt of inhoud verbergt.
• Kapotte links en dode demo's. Controleer elke link voordat je de site naar iemand stuurt.
• Werk gebruiken dat je niet mag delen. Vraag klanten of werkgevers voordat je vertrouwelijke projecten publiceert; anonimiseer waar nodig.

Hoe je je eigen portfoliowebsite bouwt

1. Kies je publiek: recruiters, klanten of samenwerkingspartners. Dat bepaalt wat eerst komt.
2. Kies drie tot zes projecten en schrijf voor elk een korte case study.
3. Kies een patroon hierboven en schets de pagina's: home, projectpagina's, over mij, contact.
4. Bouw het. Met Mythex beschrijf je je portfolio in een chat, zie je het in een live voorbeeld, upload je afbeeldingen en publiceer je met één klik naar een URL (zie hoe je een eigen domein koppelt). Je kunt ook beginnen met een sjabloon. Wil je het liever zelf coderen als leerproject, dan is dat ook een goede keuze.
5. Vraag iemand het op zijn telefoon te bekijken en te vertellen wat je doet na tien seconden.

Voor de stap-voor-stap-versie, lees hoe je een portfoliowebsite bouwt; als je vooral een cv online nodig hebt, zie hoe je een cv-website bouwt.

Hoe we deze voorbeelden kozen

We hebben elke genoemde site in oktober 2026 bekeken en beschrijven alleen wat hij toen liet zien. We kozen bekende sites die een duidelijk idee illustreren, geen ranglijst van de "beste" portfolio's. De patronen zijn veelgebruikte formats, algemeen beschreven.

Veelgestelde vragen