De beste portfolio website voorbeelden om inspiratie op te doen
De invloedrijke industrieel ontwerper Dieter Rams, stelde dat "Goed design innovatief is", in zijn lijst van tien principes. Toch wordt het steeds lastiger om nieuwe wegen in te slaan met nooit eerder vertoond webdesign. Hoe kun je jouw portfoliowebsite tegenwoordig nog onderscheiden van de rest? Sowieso moet je vaststellen wat het is dat jou onderscheidt van alle andere creatievelingen, en hoe je dit tot uitdrukking kunt brengen in je ontwerp. Maar om te beginnen is het goed om op zoek te gaan naar inspiratie. Dit doe je onder andere door zoeken naar voorbeelden van het werk van concurrenten. Een portfolio voorbeeld kan namelijk super bruikbaar en nuttig zijn.
Laat je oog dus, voordat je gaat beginnen, over de volgende selectie van 20 van de beste portfoliowebsites gaan, die allemaal zijn gemaakt met Wix:
Een goed voorbeeld portfolio is deze van de grafisch vormgever en visueel communicator Christina Vanessa, die een duidelijk oog voor esthetiek laat zien. De eerste pagina van dit grafisch ontwerpportfolio, is een simpele uitdrukking van haar creatieve werk en persoonlijkheid. Ze heeft een loop-video op volledig scherm toegevoegd met haar beste stukken, en haar naam en disciplines daarboven vermeld. Na deze veelbelovende introductie is Christina's 'Explore'-pagina met meerdere ontwerpfuncties, net zo indrukwekkend. Het kleurenschema van de website is samenhangend en neutraal; van de werken zelf tot de gelaagde blokken waaruit de paginalay-out bestaat. De zachte tinten crème, beige en grijs zorgen bovendien voor een kalme sfeer, die nog meer wordt versterkt door de vloeiende animaties.
02. Sophie Brittain
De UX portfolio website van Sophie Brittain (specialiste in branding en UI/UX-ontwerp), toont als de beste haar vaardigheden op beide vlakken. Ze heeft een goed gedefinieerde visuele taal voor haar website gemaakt, bestaande uit drie kleuren, geometrische vormen, vectorlijn-iconen en veel witruimte. Bovendien stralen de subtiele creaties (zoals een smiley in plaats van de 'O' in haar naam), persoonlijkheid en humor uit. Let ook op de grappige microkopie (met name onderaan haar website), die een frisse kijk biedt op de gebruikelijke social balk-iconen. En last but not least; Sophie heeft alles perfect samen gebracht door een favicon op te nemen die het opvallende beeld op haar startpagina weerspiegelt.
Dit portfolio website voorbeeld van Steve Wolf, laat superscherpe beelden zien van hoge kwaliteit. Het voelt het bijna alsof je de gefotografeerde producten kunt vastpakken! De overzichtelijke rasterlay-out en screen-to-screen visuals, leggen bovendien de nadruk op de werken zelf. Een discreet zweefeffect op elke afbeelding onthult daarnaast de naam van het project, terwijl tekst tot een minimum wordt beperkt.
Een portfolio in vergelijkbare stijl maken? Ga dan naar deze template. Je kunt je eigen werken hier toevoegen, en het ontwerp aanpassen om jouw persoonlijke stijl uit te drukken.
04. Wendy Ju
De animatie die je begroet bij het bekijken van dit online portfolio voorbeeld van grafisch ontwerper Wendy Ju, zet meteen de toon voor de rest van haar website. Het verwelkomt bezoekers soepel in haar wereld dankzij een boek of een waaier die opengaat, samen met een begroeting in zowel het Engels als het Mandarijn. De animatie is subtiel en past precies bij haar minimalistische esthetiek. Verderop op de startpagina heeft Wendy een leuke cursorinteractie gemaakt met Velo by Wix. Deze interactiviteit is niet alleen leuk om naar te kijken; het voegt tevens een vleugje kleur toe aan het toch wel neutrale kleurenpalet.
05. Dennis Krawec
Het portfolio voorbeeld van multidisciplinair ontwerper Dennis Krawec, is allesbehalve subtiel. En dat is precies wat het zo verbluffend maakt. Door de esthetiek van de jaren '80 samen te voegen met popcultuur en bizarre ontwerpelementen uit de jaren'90, is dit voorbeeld portfolio één van de meest eye-catching die we tot nu toe hebben gezien. Met een onconventionele lay-out van overlappende afbeeldingen, tekst en gifs, doet de startpagina van Dennis denken aan een moodboard. Zijn unieke stijl zorgt voor een super onderscheidend persoonlijk merk, dat bovendien op elke pagina van zijn website consistent blijft.
06. Studio Bagaz’
Bij het grafische ontwerpmerk Studio Bagaz', draait alles om scherpe esthetiek. Zo ook als het gaat om dit professionele portfolio website voorbeeld. Deze verfijnde eenvoud is ook van toepassing op de websitenavigatie, dankzij de georganiseerde structuur van de website. Bezoekers kunnen bovendien snel van pagina wisselen via het vaste websitemenu aan de zijkant, of door op de afbeeldingen van de werken zelf te klikken. Het menu opent als een lightbox, die op het scherm schuift en de helft bedekt. Deze vult niet alleen het beeld met nieuwe composities en kleurencombinaties, maar zorgt er daarnaast voor dat bezoekers op dezelfde pagina blijven, terwijl ze tegelijkertijd door de website navigeren.
07. David Milaan
Designer, artdirector en handletterkunstenaar David Milan, plaatst zijn kunst centraal in zijn portfolio. Door alleen de meest cruciale elementen in de koptekst op te nemen en te kiezen voor een eenvoudig monochroom palet, trekt David de aandacht van bezoekers rechtstreeks naar zijn kleurrijke design. Zijn galerij met werken beslaat de hele breedte van het scherm, en vormt het grootste deel van de website. David heeft de Wix Pro Gallery gebruikt om een feed-achtige website indeling te maken. Deze nodigt bezoekers uit om eenvoudig naar beneden te scrollen. Dankzij deze rechtlijnige structuur kunnen bovendien steeds meer afbeeldingen worden geüpload. Dit zorgt voor een ontwerpportfolio dat gemakkelijk kan worden aangepast (wanneer zijn professie zich bijvoorbeeld uitbreidt).
08. Ryan Haskins
Een portfolio voorbeeld vol verrassingen: dat is de creatie van merkontwerper en creatief directeur Ryan Haskins. Dit begint al met de expressieve typografie op zijn startpagina. Het mengen van meer dan drie lettertypen op één interface wordt over het algemeen gezien als een no-go. Maar toch heeft Ryan heeft het combineren van lettertypen tot het uiterste doorgevoerd, en het ook nog eens voor elkaar gekregen om het te laten werken.
Deze avontuurlijke aanpak maakt meteen een sterke statement, die wordt geaccentueerd door de gedurfde geschreven content. Hierin staat dat namelijk Ryan 'Wereldberoemd' en 'Erg duur' is. Verderop maken we kennis met de werken van Ryan, die net zo uniek, suggestief en verrassend zijn als de rest van zijn grafische ontwerpwebsite.
Hoewel hij niet zijn volledige CV over grafisch design heeft opgenomen, deelt het Biografie-gedeelte van de website zijn indrukwekkende klantenlijst. Tevens is de erkenning die hij heeft gekregen van verschillende publicaties ook opgenomen.
09. By Experience
Een energieke, kobaltblauwe kleur vult het scherm op de startpagina van ontwerpbureau By Experience. Een extra toevoeging aan deze dynamische sensatie, is de snelle geanimeerde tekst op de bovenste vouw van de website. De 'tone of voice' is zelfverzekerd en to-the-point. Het nodigt bezoekers meteen uit om contact op te nemen en hun diensten in te huren. In tegenstelling tot de andere portfoliowebsites in deze selectie, deelt By Experience in dit portfolio voorbeeld beoordelingen van tevreden klanten. Dit laat hun vaardigheden en eerdere successen zien, wat op zijn beurt weer helpt om potentiële klanten aan te trekken. Het wordt bezoekers bovendien gemakkelijk gemaakt om contact met hen op te nemen door een statisch, zwevend menu-icoon op te nemen in de rechter bovenhoek. Deze leidt soepel naar een online contactformulier.
Ondanks zijn diverse portfolio, gebruikt fotograaf Thai Pham een Wix template voor fotografieportfolio's. Hierin kiest hij ervoor om één enkele afbeelding boven de vouw op de startpagina weer te geven: een met lovertjes bekleed, dromerig portret, dat ervoor zorgt dat je naar binnen wilt duiken voor meer. De foto is omgeven door een dikke witte rand die als kader fungeert, en de afbeelding bovendien extra benadrukt. Als je door de pagina's van dit portfolio voorbeeld bladert, ontdek je een gevarieerde verzameling van super stijlvolle, redactionele mode- en trouwfoto's. Thai Pham hanteert daarnaast een ongelijkmatige rasterlay-out voor het weergeven van afbeeldingen. Deze staat in contrast met de verder rustige, minimalistische esthetiek.
Wil je ook een mooie fotografiewebsite maken? Bekijk dan deze toffe fotografietemplates van Wix.
11. Ana Leovy
Kunstenares en illustrator Ana Leovy bewijst dat een illustratieportfolio niet per se afbeeldingen nodig heeft om te slagen. In feite bevat de startpagina van haar portfoliowebsite helemaal geen afbeeldingen; alleen een roze/oranje achtergrond, haar logo en een paar inleidende zinnen die dienen als een alternatief navigatiemenu. Zonder enige beeldspraak slaagt Ana er toch in om een super visuele startpagina te vormen, dankzij haar aandacht voor detail, typografie en kleur. Om haar werken te laten zien en kunst te verkopen via haar webshop, implementeert Ana een eenvoudige lichtgrijze achtergrond die haar levendige illustraties extra laten opvallen.
12. Reut Chen
In dit portofolio voorbeeld zie je hoe textielontwerpster Reut Chen heeft gekozen voor een klassieke rasterlay-out op haar website. De geometrische bouwstenen waaruit de website bestaat, staan echter in contrast met haar werken. Deze hebben een meer organische, getextureerde en handgemaakte uitstraling. Het eenvoudige, afleidingsvrije webdesign laat haar kunst bovendien goed opvallen. De website van Reut is een top voorbeeld voor het maken van een eigen online portfolio. 'Breaking away from the grid' is een nieuw project van haar, dat ze bovenaan de homepage heeft uitgelicht. Door dit specifieke stuk in de schijnwerpers te zetten, komen potentiële klanten of medewerkers er meteen achter welke gebieden ze op het moment aan het verkennen is.
Een belangrijke tip die hier naar voren komt is dus: stem je portfolio (als het even kan), af op het soort werk dat je in de toekomst wilt.
13. Lena Steinkühler
Lena Steinkühler is een freelance grafisch ontwerpster, die zich richt op digitale film en VFX-kunst. Ze maakt een opvallende eerste indruk door haar meest in het oog springende stukken bovenaan haar website te plaatsen. Een samengestelde selectie van levendige, ietwat surrealistische 3D-beelden, vullen het scherm in een diavoorstelling formaat. Deze wekken meteen de nieuwsgierigheid van bezoekers. Terwijl je door Lena's portfoliowebsite bladert, kom je bovendien nog veel meer visuele hoogstandjes tegen. Haar werken worden weergegeven in een raster op volledig scherm, met een strakke witte rand om de afbeeldingen te scheiden. Dit ontwerp, waarbij sommige afbeeldingen groter zijn dan andere, straalt een gevoel van hiërarchie uit. Het brengt je focus namelijk naar meteen naar bepaalde stukken.
14. Mathias Holmberg
Mathias biedt aan de hand van dit architectuurportfolio een eenvoudige maar krachtige weergave van zijn werk. Verticale en horizontale afbeeldingen worden samengevoegd in een raster met witruimte ertussen, om weer te geven hoeveel mogelijkheden er zijn. Het kleurenpalet dat wordt gebruikt voor zowel het webdesign als de afbeeldingen bestaat uit zachte, neutrale tinten. Dit zorgt voor een uitnodigende, toegankelijke online ruimte. In tegenstelling tot de meeste andere portfolio's bevat deze website weinig links of navigatie. De enige andere link die je vindt, leidt naar een Info-pagina met contactgegevens en naar de Instagrampagina van Mathias. Ook is er weinig sprake van geschreven content, waardoor het talent van de architect vooral naar voren wordt gebracht via afbeeldingen.
Darren Hughes is een Australische kunstenaar. Hij is gespecialiseerd is in illustraties van dieren die volledig zijn getekend met grafiet- en kleurpotloden. Zijn voorbeeld portfolio website beschrijft zijn kunst als een 'schone en eigentijdse esthetiek'. En dat is precies het gevoel dat je krijgt als je op zijn kunstwebsite beland. Minimalisme en eenvoud vormen de kern van deze website, met zijn prachtige, levensechte dierenportretten die centraal staan. Bezoekers worden naar een toegangspagina geleid, waar een verbluffende afbeelding van een neushoorn en haar baby de bezoekers begroet. Ook heeft Hughes hier zijn logo en social mediaprofielen geplaatst.
Deze prachtige website brengt met een zekere tederheid de passie over die de kunstenaar heeft voor dieren in het wild. Zijn oog voor detail toont bovendien de unieke kenmerken en persoonlijkheid van elk dier. En het mooie is: een deel van al zijn opbrengsten wordt gedoneerd aan een 'No-kill' dierenasiel.
16. T Sakhi
De zussen Tessa en Tara Sakhi ontwerpen samen ruimtes die zijn geïnspireerd op de schoonheid van de menselijke ervaring. Hun interieurontwerp-portfolio laat met een combinatie van afbeeldingen en video's van stedelijke architectuur en design zien wat ze in huis hebben. Een video-achtergrond van wazige stadslichten verdwijnt als hun werk tevoorschijn komt, en de bezoeker meevoert in de artistieke wereld van de zussen. Op de website staat een bijgewerkte lijst met lopende projecten en exposities, zodat bezoekers altijd op de hoogte zijn van de nieuwste gebeurtenissen van het duo. Daarnaast deelt een 'Over ons'-pagina het een en ander over hun persoonlijke verhaal. Dit creëert al snel een band met potentiële klanten.
Voeg ook pakkende video's toe aan je website met Wix Video, en laat een onvergetelijke indruk achter.
Deze in Londen gevestigde industrieel ontwerper heeft een unieke, eigentijdse stijl die doorschijnt in haar portfoliowebsite. Een opvallende diavoorstelling van haar nieuwste werk vormt de bovenste strook van haar website, met levendige, moderne afbeeldingen. En terwijl bezoekers blijven scrollen zien ze gestroomlijnde, kleurrijke foto's van de ontwerpen van de kunstenaar. Deze zijn samengevoegd tot een rasterformaat met bijbehorende details, die haar professionele stijl benadrukken.
Een menu bovenaan het portfolio bevat links naar de pagina's Over mij, Nieuws en Contact, evenals naar een mooie webshop. Hierdoor krijgen bezoekers de mogelijkheid om stukken rechtstreeks van haar website te kopen, wat het proces een stuk laagdrempeliger maakt. De webshop bevat snelle afbeeldingen van elk product, en tevens een volledige beschrijving en prijslijst zodra je doorklikt.
Begin ook een webshop; lees dit artikel met handige tips, zodat je binnen de kortste keren zelf aan de slag kunt.
18. Rafael Varona
De in Berlijn en Rotterdam gevestigde illustrator, animator en artdirector Rafael Varona, toont zijn verbluffende reeks motion-design op deze mooie animatie-portfoliowebsite. De kunstenaar is gespecialiseerd in complexe geanimeerde loops (die centraal staan op zijn website), met een reeks kleurrijke en gedetailleerde clips. Terwijl je door de startpagina bladert wordt meer van Varona's werk weergegeven in een rasterformaat. Hierdoor zit je op de 'eerste rij' in zijn creatieve wereld. Naast afbeeldingen van zijn werk staat in de rechterbovenhoek een menulink naar het Instagram-account van de Rafael, samen met een kort stukje 'Over mij'. Doordat dit portfolio voorbeeld heel weinig tekst bevat, wordt het artistieke talent van Varona extra benadrukt.
19. Kristina Smolyar
Kristina Smolyar's online model-portfolio toont als geen ander de kracht van het opnemen van video-effecten op een website. Dit voorbeeld portfolio gebruikt neutrale tinten en zachte beelden op de startpagina om het top werk van Smolyar weer te geven. Als bezoeker zie je onderaan de pagina echter een gedurfde strook, die deze natuurlijke, engelachtige sfeer doorbreekt.
De foto van Smolyar, waar ze een wit/geel shirt draagt op een rode bank, is bedekt met een contactformulier. Dit zorgt voor contrast in kleur en stijl; een effectieve manier om de aandacht van bezoekers te trekken. Ondanks het feit dat dit portfolio voorbeeld slechts uit één pagina bestaat, wordt het gebruik van video in zowel de bovenste strook als in het midden van de pagina toegepast. op deze manier worden het merkimago en de modelleringsstijl van Smolyar goed overgebracht, en komt het geheel persoonlijk over bij bezoekers.
Maak zelf professionele video's met de Wix Video Maker. Promoot je bedrijf, trek meer bezoekers naar je website en verhoog de verkoop.
20. Let's one
Dit marketingportfolio bevat felle kleuren (zoals paars, roze en turkoois), die duidelijk naar voren komen op de witte achtergrond. Dit alles voegt een leuke, maar professionele sfeer toe aan de website. Let's one werkt samen met andere bedrijven, om hen te helpen hun online aanwezigheid te behouden en uit te breiden. In het menu bovenaan het scherm bevindt zich een tabblad met het label 'Ons werk'. Hier zie je tevens afbeeldingen van de bedrijven waarmee Lets One samenwerkt, vergezeld van duidelijke voorbeelden. Alle afbeeldingen op dit portfolio voorbeeld worden weergegeven in rijen van drie, met een gelijkmatige witruimte ertussen om ze van elkaar te scheiden. Bovendien bevat elke afbeelding merkcontent op een computer-, laptop- of tabletscherm. Dit om de website of social media-content na te bootsen vanuit het oogpunt van een bezoeker. Deze unieke weergavebenadering help klanten beter voor te stellen hoe Lets One hun bedrijf kan helpen.
Team Wix