15+ Beste portfolio website voorbeelden voor persoonlijke merken, fotografen, kunstenaars en meer

Met een digitaal portfolio kun je je beste werk onder de aandacht brengen en vergroot je je online zichtbaarheid. Dit opent mogelijkheden voor potentiële jobs en collaboraties. Het maken van een online portfolio dat opvalt, kan echter een hele uitdaging zijn. Daarom bieden wij je de beste portfolio website voorbeelden aan, zodat je een goed beeld krijgt van wat er allemaal mogelijk is voordat je aan de slag gaat met het bouwen van jouw website.

In dit artikel vind je 15+ portfolio website voorbeelden voor verschillende mensen, zoals schrijvers, studenten en bekende personen, waarbij we aangeven wat deze voorbeelden zo speciaal maakt. We behandelen ook de vijf aspecten van het maken van een portfolio waarmee je potentiële klanten aan je kunt binden.

Download checklist voor websitelancering

Top portfolio website voorbeelden voor persoonlijke merken

Een goed startpunt is inzicht in hoe je een unieke website maakt en op zoek te gaan naar inspiratie over wat voor jou werkt en in jouw branche gebruikelijk is.

Dit zijn de vier beste portfolio voorbeelden met een solide persoonlijke branding. Ontdek hoe je deze website-ideeën op jouw eigen website kunt toepassen.

1. Enrico Deiana

• Wat maakt deze site speciaal: : meerdere micro-interacties en sector specifiek top-level domein

Enrico Deiana is een Italiaanse product- en webdesigner. Zijn unieke en aantrekkelijke portfolio site ontving een eervolle vermelding in de 2022 Awwwards.

Op het moment dat bezoekers op de website belanden, zien ze een ‘swipe’-effect en een typografische ‘hero’-afbeelding, die de bezoekers direct vertellen wat Enrico Deinana doet en direct een goede eerste indruk oplevert.

Als je naar beneden scrolt, zijn er meerdere micro-interacties, zoals bijvoorbeeld:

• De stijl van de cursor verandert wanneer je met je muis over klikbare koppelingen beweegt.
• Verandering van de achtergrond als de cursor op een portfoliogebied landt.
• Geanimeerde tekst, foto’s en knoppen die oproepen tot actie.

De Over-pagina is ook boeiend en informatief. Er worden ook meerdere certificaten en awards weergegeven met behulp van een scroll-effect en een bewegende titel.

Deze freelance webdesigner verrijkt zijn portfolio met informatie over zijn webdesign bedrijf, waaronder een prijzenpagina met beschrijvingen van zijn diensten. Dit is een geweldige manier om sneller leads binnen te halen.

Een ander geweldig aspect van dit online portfolio is het gebruik van een .design top-level domein (TLD), waardoor Enrico’s persoonlijke branding als ontwerper wordt versterkt.

2. Sean O’Brien

• Wat maakt deze site speciaal:  een solide persoonlijke merknaam en een domeinnaam met landcode

Sean O’Brien is een windsurfer die wereldwijd kampioenschappen heeft gewonnen. Hij vermeldt de informatie boven in beeld op de startpagina, zodat bezoekers meteen weten wie hij is.

Sean showt ook logo’s van partners op de startpagina en op de perspagina staan artikelen over zichzelf. Hij schrijft ook blogposts en op de Tour-pagina staan zijn bezigheden centraal.

Sean heeft voor opvallende en kleurrijke ontwerpen gekozen waarin zijn passie beter tot zijn recht komt. Er staan ook verschillende surffoto’s op de site en er worden grote lettertypes gebruikt met eenvoudige effecten die de inhoud licht verteerbaar houden.

Aangezien hij uit Australië komt, gebruikt de Sean de landcode-TLD .au als signaal voor zoekmachines en bezoekers dat zijn persoonlijke website op dat land gericht is. Gebruik een domeinzoeker wanneer je een persoonlijk merk wil ontwikkelen.

3. Melyssa Griffin

• Wat maakt deze site speciaal:  goed gebruik van pop-ups en een informatieve startpagina

Melyssa Griffin is een voormalig lerares die andere ondernemers in hun kracht wil zetten met content over het ontwikkelen van bedrijven, waaronder online cursussen en een coaching programma.

Wanneer je haar digitale portfolio opent, verschijnt er een pop-up quiz waarin je meer te weten komt over jouw stijl van ondernemen. Dit is een geweldig concept waarmee je de betrokkenheid van bezoekers vergroot en ze beter leert begrijpen.

Een ander opvallend aspect van Melyssa’s portfolio is de uitgebreide informatie op de startpagina. Het laat zien wie zij is, haar projecten, eerdere klanten en essentiële links. De pagina bevat ook haar Instagram-feed en in de footer krijg je de mogelijkheid om je in te schrijven voor haar nieuwsbrief, een aansporing tot actie.

Melyssa gebruikt felle kleuren, zoals geel en oranje, waardoor gebieden of elementen er direct uitspringen. Door illustraties en kleurrijke vormen toe te voegen, wordt haar portfolio uniek en aantrekkelijk.

Voor degenen die professionele prestaties willen combineren met personal branding, kan het verkennen van een template voor een cv-website een game-changer zijn.

Top portfolio website voorbeelden van bekende personen

Laten we eens kijken naar de persoonlijke portfolio websites van vier bekende personen, waaronder een komiek en een voetballer.

1. Russell Brand

• Wat maakt deze site speciaal: nieuwsbriefbanner en boekingsfunctie

Russell Brand is acteur, komiek en activist op het gebied van geestelijke gezondheid en drugsrehabilitatie. Hij is betrokken bij dit soort zeer uiteenlopende activiteiten, dus een persoonlijke website met informatie over zijn werkzaamheden is belangrijk.

Op zijn site vind je al zijn werk, waaronder boeken, podcasts en stand-up comedy video’s. Hij deelt ook de data van zijn stand-ups optredens en community evenementen. Fans kunnen tickets direct op zijn website boeken.

De site moedigt de betrokkenheid van de community ook aan, door mensen op te roepen zich aan te melden voor de mailinglijst en de banner van de nieuwsbrief steeds bovenaan op de pagina’s te plaatsen.

Qua ontwerp maakt de site gebruik van een kleurenpalet in aardetinten met schreefletters en afbeeldingen van kraaien waarvan zijn fans weten dat deze symbool staan voor verandering of transformatie.

2. Lior Raz

• Wat maakt deze site speciaal:  informatieve portfolio-site bestaande uit één pagina en een hero-video

Lior Raz is één van de beste portfolio websites met één pagina, op deze lijst. Deze acteur en spreker heeft een visueel aantrekkelijke site gemaakt en biedt tegelijkertijd op een open manier informatie.

Als je als bezoeker op deze portfolio website terechtkomt, zie je een hero-video met korte fragmenten uit de films van Lior. Hiermee trekt de website direct de aandacht van bezoekers.

Zijn website heeft één pagina en is onderverdeeld in vijf secties – Over, Galerij, Pers, Spreken en Contact.

Bezoekers kunnen op de plus knop klikken voor meer inhoud in elke sectie. Hiermee wordt onoverzichtelijkheid voorkomen. Er is ook een “hamburger” knop (uitklapmenu) voor snellere navigatie naar de verschillende secties.

De website van de acteur gebruikt banner afbeeldingen over de hele breedte met duidelijke koppen en een zwarte achtergrond waardoor de nadruk op de inhoud blijft liggen.

3. Cristiano Ronaldo

Cristiano Ronaldo’s portfolio site

• Wat maakt deze site speciaal: carrière hoogtepunten

Als je op zoek bent naar voorbeelden van één pagina lay-out’s, bezoek dan de website van Cristiano Ronaldo.

Het bovenste gedeelte van het portfolio laat alle projecten van Cristiano zien, van zijn voetbalcarrière tot de mode-industrie. Elke afbeelding in de lay-out op basis van kaarten opent de desbetreffende webshop.

Als je naar beneden scrolt, toont een horizontale slider een samenvatting van de carrière van de speler – gecategoriseerd op basis van de clubs waar hij actief is geweest. Elke dia toont een korte achtergrond video over Cristiano’s verdiensten bij de club.

Naast de merken en hoogtepunten uit zijn carrière biedt deze portfolio van één pagina een video van zijn meest recente product, een inschrijfformulier voor de nieuwsbrief en links naar eerdere samenwerkingen van Cristiano.

4. Bill Gates

• Wat maakt deze site speciaal: persoonlijke tijdlijn en tijdschrift lay-out

De website van Bill Gates is misschien wel één van de beste portfolio-voorbeelden als je je wilt richten op de presentatie van je werk en updates, en je kennis wilt delen.

De site is opgezet in de vorm van een tijdschrift en de berichten zijn onderverdeeld in onderwerpen als Klimaat en Energie en Onderwijs. Bovenaan de startpagina staan de geselecteerde uitgelichte nieuwe artikelen of relevante actuele artikelen.

De persoonlijke website van de medeoprichter van Microsoft gebruikt zwarte en witte kleuren, zodat de lezers zich kunnen concentreren op de krachtige beelden en video’s van zijn YouTube-kanaal. Voor de eenvoud maakt ook deze website gebruik van een “hamburger”-menu (uitklapmenu) rechtsboven in het scherm.

De Over-pagina van deze website biedt geweldige ideeën voor het maken van een aantrekkelijke persoonlijke of professionele tijdlijn. Hier zie je een interactieve tijdlijn met afbeeldingen van de reis van Bill Gates in verschillende gebieden – Microsoft, Bill & Melinda Gates Foundation en andere projecten.

Top portfolio website voorbeelden voor fotografen en kunstenaars

Ben je fotograaf of grafisch ontwerper? Bekijk dan deze voorbeelden van websites voor kunstenaars en doe inspiratie op voor je eigen portfolio.

1. Tamara Sredojevic

• Wat maakt deze site speciaal: unieke waarde propositie en aangepast domein

Tamara Sredojevic is specialist op het gebied van toegankelijk en duurzaam UX-ontwerp. Haar website is een uitstekend voorbeeld van een design portfolio dat de persoonlijke waarden weerspiegelt.

Op de startpagina vermeldt ze duidelijk haar doelgroep en bestaande klantenbestand, voornamelijk non-profits, goede doelen en ethische merken.

Naast het vermelden van haar kernwaarden op de pagina Over, verwijst de voettekst van de portfolio site naar de pagina Toegankelijkheidsverklaring, waarop wordt uitgelegd wat de toegankelijkheidsnormen van haar site zijn.

De site toont ook een CO2-voetafdrukscore om te laten zien dat de site milieuvriendelijk is.

Tamara’s design portfolio is gebaseerd op eenvoud, met grote vormen, dunne lijnen en gedempte kleuren.

Om potentiële klanten te interesseren voor haar werk, wordt op elke projectpagina haar ontwerpproces uitgelegd, inclusief de achtergrond van het project en haar UX-aanpak.

2. Demas Rusli

• Wat maakt deze site speciaal: hero-afbeelding

Demas Rusli is een fotograaf met honderdduizenden volgers op sociale media. Hij richt zich op stads-, architectuur- en aerial fotografie.

In dit portfolio voorbeeld worden direct op de startpagina visueel aantrekkelijke foto’s getoond. De startpagina is onderverdeeld in drie secties: hero-foto, foto categorieën en zijn Instagram-feed.

Bovenaan worden afbeeldingen over de volledige schermbreedte weergegeven. De foto’s veranderen elke vijf seconden, waardoor deze fotografie website direct opvalt.

Daaronder volgen de foto categorieën: Opdrachten, Stedelijk, Aerial, Architectuur, Natuur en Fantasie. Dit biedt potentiële klanten de gelegenheid om te bepalen of zijn werk aansluit bij hun wensen. Als je op een van de categorieën klikt, zie je een galerij vol foto’s en statische videobeelden.

De indeling van de galerij hangt af van de categorie. Op de pagina Opdrachten gebruikt Demas bijvoorbeeld een raster lay-out met de foto of GIF van elk project.

Bovendien zijn er boven elke categorie titel knoppen toegevoegd die naar de andere categorieën leiden, zodat bezoekers eenvoudig door de verschillende onderdelen kunnen navigeren zonder dat ze terug naar de startpagina hoeven te keren.

3. Alice Lee

• Wat maakt deze site speciaal:  een minimalistisch ontwerp voor illustratie portfolio’s

Alice Lee is een onafhankelijke illustrator en muurschilder. Haar visueel aantrekkelijke portfolio kan een inspiratie zijn voor een geweldig webontwerp, vooral voor illustrators.

Bovenaan de startpagina heeft ze een subtiele animatie toegevoegd waarbij de hero-afbeelding meebeweegt met de cursor van de bezoeker.

Daarna presenteert Alice verschillende projecten in een minimalistische lay-out met een witte achtergrond, zodat bezoekers zich kunnen concentreren op haar kleurrijke en prachtige werk. Als je op één van de afbeeldingen klikt, zie je de projectbeschrijving en haar ontwerpen.

4. Lauren Hom

• Wat maakt deze site speciaal: inhoud van achter de schermen en educatieve blog

Lauren Hom is een ontwerper, illustrator en letterkunstenaar uit New York. Ze staat bekend om haar heldere kleurenpaletten en speelse lettervormen, en je kunt zien dat ze die stijl ook toepast in het grafisch ontwerp van haar portfolio.

Ze gebruikt verschillende tinten groen op de achtergrond en oranje voor de uitgelichte elementen, zoals hyperlinks en call-to-action knoppen.

Deze grafisch ontwerper deelt op de Werk-pagina foto’s van achter de schermen, van het maken van tot de eindproducten 

Ze schrijft ook blogposts over muurschilderingen, belettering en freelance tips. Ze deelt haar expertise en verbetert hiermee de positie van haar portfolio site in de zoekresultaten. 

Top portfolio website voorbeelden voor bloggers en schrijvers

In dit gedeelte laten we vier portfolio ideeën zien voor schrijvers, van tekstschrijvers tot componisten. 

1. Todd Clarke

• Wat maakt deze site speciaal: boeiende tekst

Met het merk Toddsgotapen laat Todd Clarke zien dat er geen complexe animaties nodig zijn om een aantrekkelijk website portfolio te maken. Deze copywriter houdt het ontwerp van zijn site eenvoudig en gebruikt in plaats daarvan zijn copywriting vaardigheden om de aandacht van de bezoeker te trekken.

Zijn tekst is duidelijk en pakkend, zodat lezers snel begrijpen wat hij te bieden heeft en waarom ze hem zouden moeten inhuren. Hij gebruikt grote koppen die de informatie structureren, plus vette zinnen en pictogrammen in de hoofdtekst waarmee belangrijke punten worden benadrukt. 

Op de Portfolio-pagina zorgen de aanklikbare categorieën bovenaan ervoor dat lezers gemakkelijker zijn werk kunnen bekijken.  Elke afbeelding op de pagina leidt naar de live website of een schermvullende afbeelding die de live versie van het project weergeeft. Voor zijn geloofwaardigheid wijdt hij een hele pagina aan testimonials. 

Todd heeft alleen een LinkedIn profiel en daarom heeft hij onderaan de pagina alle andere sociale media accounts doorgestreept, zodat bezoekers weten waar hij (niet) beschikbaar is. 

2. Muriel Vega

• Wat maakt deze site speciaal: eenvoudige navigatie

Muriel Vega is een freelance tech-, food- en cultuurschrijfster die met meerdere populaire merken heeft gewerkt, waaronder The Guardian en Patreon.  Haar portfolio is eenvoudig maar effectief en toont potentiële opdrachtgevers haar schrijfvaardigheden. 

Op de startpagina staan haar functie, een menu met zes gekoppelde illustraties waar ze haar projecten mee illustreert en pictogrammen van sociale media. Haar werk is gerangschikt in een raster met een afbeelding, de titel van het artikel en het bedrijf dat het heeft gepubliceerd.

Op haar Over-pagina houdt Muriel de informatie eenvoudig met een beschrijving van haar eerdere schrijf ervaringen. 

3. Helena Bowen

• Wat maakt deze site speciaal: sterke ‘above-the-fold’ sectie

Helena Bowen is een topspreker, coach en speechschrijver. Ze heeft met meer dan 150 klanten samengewerkt, miljoenen online views verzameld en was te zien in media als TED, CNN en National Geographic.

Ze zet het bovenste deel van de startpagina effectief in als element om potentiële klanten aan te trekken. Hier wordt het aantal klanten weergegeven waarmee ze heeft gewerkt, het aantal views en het aantal talen waarin ze is vertaald. 

Als je naar beneden scrolt, zie je niet alleen de testimonials van haar vorige klanten, maar ook hun reacties op sociale media. 

Naast het leveren van sociaal bewijs, vertelt Helena ook over haar loopbaan achtergrond en algemene werkwijze. 

Wat betreft het ontwerp van de site houdt ze het eenvoudig met veel witruimte en professionele foto’s zodat lezers zich kunnen concentreren op de inhoud. De sterke kleuren benadrukken essentiële details. 

4. Duygu Mühürdar

• Wat maakt deze site speciaal: simpele gebruikersinterface en duidelijke navigatie

Duygu Mühürdar is een componist die verschillende rollen in de muziekindustrie vervult. Ze heeft meer dan alleen artikelen die ze wil laten zien. Daarom gebruikt ze miniaturen waarmee ze haar geschreven en visuele werk weergeeft, zodat de startpagina overzichtelijk en toch informatief blijft.

Elke menu-miniatuur heeft dezelfde minimalistische stijl met veel witruimte. Ze heeft ook links naar haar sociale media toegevoegd ter ondersteuning van de tekstuele inhoud.

De pagina Posts – geschreven in het Turks – biedt een zoek- en sorteerfunctie. Bezoekers kunnen ook specifieke artikelen vinden op basis van het type publicatie.

Door de witte achtergrond op de hele site vallen de uitgelichte gedeelten extra op. Dit is een goede ontwerpkeuze voor de Sociale Media Werk pagina, omdat de kleurrijke miniaturen zouden kunnen clashen met niet-neutrale kleuren.

Top portfolio website voorbeelden voor studenten

Hieronder volgen vier portfolio voorbeelden afkomstig van studenten en pas afgestudeerden. Deze kunnen dienen als inspiratie voor jouw eigen website.

1. Marino Franulovic

• Wat maakt deze site speciaal: subtiele animaties op de startpagina

Marino Franulovic heeft een Bachelor of Arts van de Coventry University en richt zich in zijn werk op consultancy op het gebied van digitale marketing.

In het bovenste deel van de startpagina staan een grote kop, een korte biografie en bewegende tekst. Daaronder beschrijft Marino zijn diensten, waaronder marketingplanning en -ontwikkeling, waarbij subtiele float-in effecten worden toegepast wanneer gebruikers scrollen.

Verder naar beneden staat een blogpost, een Over-gedeelte met contactgegevens en een foto, en testimonials. Hoewel Marino’s webontwikkelaar portfolio een prima voorbeeld is van een goed ontwerp, zou het verbeterd kunnen worden door werk van vorige opdrachtgevers te laten zien om potentiële klanten te overtuigen een samenwerking met hem aan te gaan.

2. Dayla Baron

• Wat maakt deze site speciaal: focus op haar CV

De website van Dayla Baron is een uitstekend voorbeeld voor wie op zoek is naar inspiratie naar een portfolio site voor academisch schrijfwerk.

Deze promovendus in de astrofysica houdt de navigatie eenvoudig met vier menu’s op de startpagina: CV, Onderzoek, Outreach en Persoonlijk. De menu’s blijven zichtbaar (“sticky”), zodat bezoekers niet naar de startpagina hoeven terug te keren als ze andere categorieën willen bekijken.

Op de CV-pagina schrijft Dayla over haar opleiding, onderscheidingen en publicaties in chronologische volgorde, terwijl de Onderzoekspagina grafieken en cijfers bevat om lezers een indruk te geven van haar academische publicaties.

Wat maakt een portfolio website geweldig?

De bovenstaande voorbeelden maken duidelijk dat het bij het ontwerpen van een portfolio niet alleen gaat om esthetiek, maar ook om de algehele UX en inhoud. Daarom willen we in dit onderdeel de vijf beste portfolio kenmerken bespreken waar je rekening mee moet houden als je een nieuw portfolio aanmaakt of een bestaand portfolio gaat bijwerken.

Relevante projecten

Zet alleen je beste werk in je portfolio, zo laat je zien welke vaardigheden relevant zijn binnen de functie die jij ambieert.

Daarom is het definiëren van een doelgroep belangrijk als hulpmiddel bij het filteren van je werk en het presenteren van je expertise vanuit het perspectief van de klant. Zo zouden foodfotografen hun portfolio moeten beperken tot commerciële en foodfotografie, zelfs als ze bijvoorbeeld prachtige landschapsfoto’s hebben geschoten.

Naadloze navigatie

Met eenvoudige navigatie kunnen websitebezoekers sneller vinden wat ze zoeken, wat een geweldige gebruikerservaring oplevert. Vermijd teveel menu-linkjes en zorg ervoor dat het ontwerp volledig responsief is.

Als je creatief wilt zijn, vergeet dan de gebruikerservaring niet. Wie bijvoorbeeld een fotografie portfolio wil maken, dan is het portfolio van Demas Rusli een goed voorbeeld voor het organiseren van verschillende categorieën.

Mooi ontwerp

Het volgen van best practices op het gebied van webontwerp is essentieel als je een goede gebruikerservaring wilt bieden en je kansen op opdrachten wilt maximaliseren. Ongeacht het type portfolio, zorg ervoor dat je:

• Afbeeldingen van hoge kwaliteit gebruikt.
• Een kleurenpalet kiest dat jouw persoonlijkheid het beste weergeeft en je werk het beste tot zijn recht laat komen.
• De juiste typografie kiest.

Door ontwerpers gemaakte website thema’s zijn een geweldige manier om mee aan de slag te gaan. De meeste website bouwers, waaronder die van Hostinger, bieden geweldige CV website templates voor online portfolio’s, zodat je niet alles zelf hoeft te bouwen.

Vul gewoon je eigen content in en pas, indien nodig, het ontwerp aan met onze gebruiksvriendelijke editor.

Informatie over jezelf

Je professionele verhaal zal potentiële klanten overtuigen om met jou samen te werken, vooral als je relevante opleidingen, trainingen en awards bezit. Wees echter niet bang om af te wijken van die professionele toon als je een merk wilt opbouwen dat beter bij jouw persoonlijkheid past.

Een aantal noodzakelijke gegevens die je in portfolio-websites zou moeten opnemen zijn:

• Persoonlijke gegevens zoals hobby’s en idealen.
• Professionele achtergrond, zoals opleiding en certificaten.
• Jouw foto.

Sociaal bewijs

Sociaal bewijs maakt je persoonlijke merk betrouwbaarder. Naast testimonials van vorige klanten of collega’s kun je ook artikelen en prijzen toevoegen.

Enrico Deiana vermeldt bijvoorbeeld zijn deelname aan de Awwwards-jury in zijn portfolio en Helena Bowen heeft artikelen opgenomen waarin haar klanten werden genoemd.

Conclusie

Een goede portfolio website is een combinatie van het juiste ontwerp, relevante voorbeeldopdrachten en informatie.

Voordat je een portfolio opbouwt, bedenk dan eerst wat jouw rol, persoonlijkheid en kernwaarden zijn waardoor je portfolio eruit springt. Zo kan een webontwerper bijvoorbeeld zijn technische vaardigheden demonstreren met micro-interacties, zoals Enrico Deiana. Of je kunt je principes formuleren, zoals Tamara Sredojevic dat doet.

Behalve het ontwerp is het gebruik van je expertise, zoals Todd Clarke’s copywriting vaardigheden, een geweldige manier om potentiële werkgevers en klanten te laten zien wat je te bieden hebt.

We hopen dat de voorbeelden in dit artikel je hebben geïnspireerd en dat je ideeën hebt opgedaan die je toe kunt passen op jouw online portfolio.

Als je niet zeker bent over de kwaliteit van je portfolio, vraag het dan aan je vrienden, of neem contact op met een expert die je portfolio kan evalueren en helpen verbeteren.