De beste portfolio-websites blinken uit in één ding: ze laten het werk de hoofdrol spelen en houden alles wat verder niet opvalt op het scherm.
De mensen die klanten, opdrachten en boekingen binnenhalen, hebben zelden een flitsende website. Ze hebben een overzichtelijke website.
Hieronder staan 17 portfolio's die zijn samengesteld door werkende professionals. Pixpa, gegroepeerd per vakgebied en afkomstig uit een bredere galerij van online portfolio voorbeelden.
Zie het als inspiratie voor een portfolio-website, met de onderliggende redenen, niet als een muur vol mooie screenshots, maar als een zorgvuldig samengestelde selectie van de beste voorbeelden, waarbij elke keuze zijn plek verdient. Elk voorbeeld bevat een ontwerpkeuze die de moeite waard is om over te nemen. Na de voorbeelden volgt een kort stappenplan voor het bouwen van je eigen website.
Wat maakt een geweldige portfolio-website?
Een groot portfolio-website Het plaatst je beste werk bovenaan, sorteert het in overzichtelijke collecties en biedt bezoekers één duidelijke volgende stap: meer bekijken, je verhaal lezen of contact opnemen. Het laadt snel en is prettig leesbaar op een telefoon.
Elke website hieronder heeft zijn plek verdiend op basis van vier criteria: hoe goed het ontwerp het werk ondersteunt, hoe het werk is georganiseerd, of de website zijn commerciële doel bereikt en hoe goed hij presteert op mobiele apparaten. Niet vanwege de esthetiek, maar vanwege het daadwerkelijke probleem dat hij oplost.
Portfolio-websites gemaakt door fotografen
Fotografen hebben de meeste afbeeldingen en de zwaarste pagina's bij zich, dus voor deze groep is een strakke lay-out essentieel. De drie onderstaande voorbeelden zijn afkomstig uit een grotere set. Websites met fotografieportfolio's.
Daniel Espírito Santo
Lifestyle- en surffotografie. Baleal, Portugal.
Daniel Espírito Santo De website fotografeert de branding en de kustlijn rond Baleal, en is zo ontworpen dat grote oceaanfoto's niet in de weg staan. Het werk is verdeeld in twee galerijen: Oceaan en Bergen, met zowel lucht- als onderwaterfoto's. Prints worden rechtstreeks via de website verkocht. Voor de koppen wordt een schreeflettertype (Vollkorn) gebruikt, terwijl de rest van de tekst Open Sans is, geplaatst op een licht gebroken witte achtergrond die de aandacht op het water vestigt.
Leen dit: Een enkel werk wordt opgesplitst in twee of drie benoemde galerijen, in dit geval Ocean en Mountain, zodat bezoekers zelf een keuze kunnen maken in plaats van door één lange feed te moeten scrollen.
Diego Marcel
Bruidsfotografie. Natal, Brazilië.
Diego Marcel documenteert bruiloften in en rond Natal en beheert de site onder het merk. Diego en ElizabethIn het Portugees opent de website niet met een raster, maar met een schermvullende redactionele hero, een close-up van een handgeschreven brief onder de zin "de hele wereld, die past in ons", met de galerijen één klik terug onder een korte navigatiebalk. Een ingetogen schreeflettertype (Source Serif Pro) draagt de emotionele tekst; een smal schreefloos lettertype (Armata) verzorgt de navigatie.
Leen dit: Open op emotie, niet op een raster. Eén schermvullende afbeelding en één regel tekst kunnen de toon zetten nog voordat een hele galerij geladen is.
Martin Dellicour
Natuur- en wildfotografie en -film. Ardennen, België.
Martin Dellicour Het project is gericht op de bossen van de Ardennen, en de website fungeert als een tweetalig platform (Frans en Engels) dat meerdere functies tegelijk vervult: galerieën, een winkel voor kunstprints, een zelfstandig documentaireproject en een nieuwsbrief. Het lettertype is modern en eenvoudig, DM Sans met Source Serif Pro, waardoor de structuur leesbaar blijft, ondanks de vele elementen.
Leen dit: Als je website een webwinkel, een project en een mailinglijst moet bevatten, gebruik dan een eenvoudig, modern lettertype en overzichtelijke secties, zodat de diversiteit goed overkomt en niet rommelig oogt.
Portfolio-websites gemaakt door kunstenaars en Illustratoren
Kunst moet de overstap naar een scherm overleven, waar schaal, textuur en ware kleuren worden afgevlakt. Deze twee werken lossen dat op tegengestelde manieren op: de een met persoonlijkheid, de ander met ingetogenheid. Ze passen perfect in een bredere galerij van kunstwerken. websites met artiestenportfolio's.
Eva Alonso
Schilderen en tekenen. Barcelona, Spanje.
Eva samen De homepage zelf wordt een tekening: de navigatie bestaat uit handgeschreven schetsen met een marker, waarvan er één "Werken, Schilderijen, Tekeningen, enz." luidt en de andere "Tentoonstellingen", elk met een eigen, losse illustratie. Door te klikken worden de werken overzichtelijk ingedeeld in de galerijen Schilderijen en Tekeningen, met een pagina Tentoonstellingen die tevens dienstdoet als een werkend cv. De persoonlijkheid zit hem in het menu; de galerijen zelf blijven sober.
Leen dit: Laat de interface je de weg wijzen. Als je tekent, kun je ook de navigatie en de kopjes tekenen. De site wordt een voorbeeld voordat de bezoeker een enkele galerij bereikt.
Christos Tejada
Blackwork tattoo. New York City en Los Angeles.
Christos Tejada Het merk presenteert zich duidelijk als een blackwork tribal tattoo-artiest die werkt tussen New York en Los Angeles. De website is volledig zwart en de navigatie is compact: Tattoos, Shop, About, Contact en een "Sigil Annex" voor de occulte kant van de praktijk. Reserveringen verlopen via de Shop, waar aanbetalingen en cadeaubonnen worden verkocht. Het logo is een gegraveerd, ietwat esoterisch schreeflettertype; het menu is uitgevoerd in een strak, geometrisch schreefloos lettertype (Jura).
Leen dit: Als je reserveringen aanneemt, maak dan een overschrijving naar een winkel om de aanbetaling te verkopen. Zo wordt een aanvraag omgezet in een transactie zonder heen-en-weer communicatie.
Portfolio-websites gemaakt door ontwerpers
Ontwerpers worden beoordeeld op hun eigen website voordat iemand ook maar één woord leest, dus het portfolio zelf is het toonbeeld van hun werk. Deze twee benaderen het ook zo.
Element Fifty
Grafisch en webdesign. Berlijn, Duitsland.
De Berlijnse ontwerper Benedikt Schoder gaat uit elkaar element-vijftig.één Het tweede project is een webdesign- en audiovisueel werk, en het tweede een animatieshowreel. Het lettertype dat gebruikt is voor de titel is Rubik Mono One, een monospace displaylettertype, een ongebruikelijke en ietwat mechanische keuze die aangeeft dat de ontwerper zich niet ongemakkelijk voelt bij het afwijken van de standaard schreefloze lettertypen.
Leen dit: Eén opvallend lettertype kan een groot verschil maken in positionering. Een minder voor de hand liggend lettertype laat bezoekers zien dat u weloverwogen keuzes maakt.
Lains
Meubel- en productontwerp. Melbourne, Australië.
Ontwerpster en maker Alaina Bodley toont meubel- en productwerk bij lains.com.auHet ontwerp is gebaseerd op een achtergrond die ook interieur- en performance-design omvat. Onder een gestileerd, op maat gemaakt woordmerk bevinden zich de tekst en navigatie in Karla, een functioneel, grotesk schreefloos lettertype dat op de achtergrond blijft en de objecten voor zich laat spreken.
Leen dit: Voor object- en productfotografie geven een eenvoudig schreefloos lettertype en ruime regelafstand de indruk van een galerij, niet van een catalogus.
Portfolio-websites gemaakt door modellen en stylisten.
Een website voor modellen of stylisten is een castingtool. Een creatief directeur scant de site binnen enkele seconden, waardoor snelheid en duidelijkheid altijd belangrijker zijn dan decoratie wanneer een patroon zich herhaalt. websites voor modelportefeuilles.
Wangechi Ojuok
Modelwerk voor mode en reclame. Orange County, Californië.
Wangechi Ojuok De publicatie opent met een filmstrook van vijf redactionele en commerciële frames boven haar naam en "Model gevestigd in Orange County, Californië", met daaronder een korte persstrook met de namen van Amazon, Dell, Essence en Cosmopolitan, waardoor een lezer bovenaan de indruk krijgt van veelzijdigheid en geloofwaardigheid. Het lettertype combineert Chivo voor de koppen met Poppins voor de tekst, beide strak en eigentijds.
Leen dit: Plaats je belangrijkste prestaties op de meest in het oog springende plek. Voor talent geldt dat een persbericht bovenaan meer impact heeft dan een lange biografie verderop.
Mandy Jacobs
Haarstyling voor editorials en catwalkshows. Toronto, Canada.
Mandy Jacobs Het boek presenteert redactioneel werk, catwalkshows en haarstyling van beroemdheden in overzichtelijke galerijen, het soort boek dat een creatief directeur snel doorbladert, uitgegeven door een reclamebureau.
De locatie bevindt zich volledig in Inter, waardoor de focus op de fotoshoots blijft.
Leen dit: Voor op fotoshoots gebaseerde projecten, groepeer per productie en houd de interface onzichtbaar. De castingbeslissing wordt snel op basis van de beelden genomen.
Oran Cusack
Mode- en reclamemodellenwerk. Internationaal.
Oran Cusack Het platform begint met benoemde reclamecampagnes van Colmar, Stone Island en Kador Eyewear, elk met een paginavullende cover die bij een klik de volledige fotoshoot opent, en een "Mijn bureaus"-pagina die de vertegenwoordiging toelicht. Het is gebouwd in Montserrat, strak en modern, waardoor de campagnes eruitzien als een overzicht dat een journalist snel kan scannen.
Leen dit: Gebruik een portfolio met herkenbare campagnes, niet losse afbeeldingen. Een castingmedewerker leest "Colmar, Stone Island" sneller dan een raster met mooie foto's.
Portfolio-websites gemaakt door architecten en ruimtefotografen.
Gebouwd werk vereist schaal en volgorde, niet alleen een mooie foto. Deze twee kaders laten eerder projecten zien dan foto's, en hanteren dezelfde aanpak die in meer projecten terugkomt. architectuurportfolio-websites.
Asimetrico
Architectuur. Paraguay.
Asimetrisch Het overzicht categoriseert een omvangrijk oeuvre aan gerealiseerde werken per sector: stedenbouw, openbare infrastructuur, openbare ruimte, cultuur en gezondheid.
Het is gezet in een compact, structureel lettertype (Oswald met Source Sans Pro) op een donkere achtergrond, waarbij het ritme van de typografie het ritme van een gevel weerspiegelt.
Leen dit: Een compact lettertype en een strikt raster passen goed bij de architectuur. De interface kan de discipline van het werk weerspiegelen.
In-Still
Interieur- en architectuurfotografie. Europa.
In-Still fotografeert minimalistische interieurs en architectuur en kadert de hele website rond één hoog, contrastrijk schreeflettertype. in-still, geplaatst op een warme grijsbeige achtergrond boven een enkele, rustige interieurfoto. De ingetogenheid is het punt: één groot stuk tekst, één afbeelding, en dan een overzichtelijke projectindex. (Montserrat en Work Sans bevatten de kleinere tekst eronder.)
Leen dit: Laat de website het werk weerspiegelen. Een uitvergroot logo en veel lege ruimte geven een eerlijker beeld van minimalistische interieurs dan een druk raster.
Portfolio-websites gemaakt door muzikanten
Een muzieksite heeft in de eerste plaats twee taken: muziek afspelen en boekingen aannemen. Het ontwerp combineert audio, data en contactgegevens op één overzichtelijke pagina.
TIDEE
Elektronische muziek, dj en producer. Amsterdam, Nederland.
TIDEE Het combineert ingebedde muziek met een concertagenda en een direct boekingscontact, de drie dingen die een promotor echt nodig heeft, boven een portret dat de hele pagina vult en de tekst "TIDEE is een Minimal / Deep Tech House artiest gevestigd in Amsterdam, NL." Het woordmerk is een breed, ruim opgezet grotesk lettertype (Archivo) in Open Sans, wat een elektronische act een strakke, eigentijdse uitstraling geeft.
Leen dit: Voor een artiest moet je de muziek, de data en het boekingsadres bovenaan zetten. Dat is de enige functie van de pagina.
Vagle Brothers
Gospel- en hymnemuziek. Karlstad, Minnesota.
Vagle BrothersVier broers, die traditionele hymnen zingen, beheren een functionele muzieksite: een prominente 'Boek'-knop bovenaan, een sectie 'Muziek' en een pagina met aanbevelingen van de kerken en locaties die hen boeken. De site is opgemaakt in een eenvoudig humanistisch schreefloos lettertype (Open Sans) onder een woordmerk met schreefletters, waardoor de site, ondanks de vele content, gemakkelijk leesbaar blijft.
Leen dit: Sociale bewijskracht verkoopt boekingen. Een pagina met recensies van eerdere locaties doet meer voor een tournee dan welke styling dan ook.
Portfoliowebsites gebouwd door schrijvers en strategen.
Een schrijver of strateeg wordt beoordeeld op de woorden en op hoe helder hij zijn standpunt presenteert. De website moet argumenten aandragen, niet alleen informatie tonen.
Hamsa Balegaar
Content- en marketingstrategie. India.
Hamsa Balegar De website opent met een warme, persoonlijke introductie: "Ik ben Hamsalekha, Marketing & Communicatie Specialist", op een zachtroze achtergrond. Vervolgens verschijnt een scrollende strook met specialismen (merkstrategie, social media, content, inzichtgedreven marketing), waarna projectcases van merken als Reckitt, Axis Bank en Aditya Birla worden getoond, elk met de briefing en het resultaat als uitgangspunt. Het lettertype Forum, een elegant displaylettertype met Romeinse hoofdletters, wordt gecombineerd met Inter voor leesbaarheid, wat het portfolio van een strateeg een professionele uitstraling geeft.
Leen dit: Voor strategie- of schrijfwerk kun je het beste beginnen met het noemen van klanten en het probleem dat je hebt opgelost. Een logo plus een korte samenvatting van het resultaat is effectiever dan een opsomming van je vaardigheden.
Portfolio-websites gemaakt door filmmakers
Een filmsite moet films afspelen. De lay-out organiseert de films op genre en laat de rest van de content de video niet in de weg staan.
Rob Shaw Films
Regie en animatie. Portland, Oregon.
Emmy-winnende regisseur Rob Shaw De compilatie van live-action, computeranimatie, 2D en stop-motion is onderverdeeld in categorieën, met commerciële credits voor onder andere Gatorade en Hershey's. Het lettertype is geometrisch en eigentijds (Outfit met Inter), waardoor het speelse, op animatie gebaseerde oeuvre niet kinderachtig overkomt.
Leen dit: Categoriseer een gevarieerde showreel. Laat een inkoper van commercials direct het soort werk vinden waarvoor hij of zij op zoek is.
Crane House Film
Film- en videoproductie. Wilmington, North Carolina.
Crane House Film Het bedrijf runt een complete productiestudio die film, videografie, dronefotografie, fotografie en zelfs grafisch ontwerp aanbiedt. De homepage is overzichtelijk ingedeeld in categorieën: Fotografen, Muziekvideo's en Trouwvideo's, met het volledige portfolio achter het menu 'Portfolio'. Het lettertype voor de titels is Cinzel, een klassiek schreeflettertype met gegraveerde hoofdletters en een filmische, titelkaartachtige uitstraling, gecombineerd met Oxygen en Barlow voor de rest van het werk.
Leen dit: Een enkel, karakteristiek gezicht op het scherm kan de toon zetten. Cinzel leest als een film, nog voordat er ook maar één beeldje is afgespeeld.
Wat de beste portfolio-websites gemeen hebben
Als je alle 17 kaarten bekijkt, zie je dat dezelfde vier zetten steeds terugkomen.
Ze hebben het werk onderverdeeld in benoemde galerijen. Daniel Espírito Santo beheert Ocean and Mountain, Eva Alonso scheidt Schilderijen en Tekeningen, en Crane House Film verdeelt de homepage in Fotografen, Muziekvideo's en Trouwvideo's. Niemand dwingt je om door één ongedifferentieerde feed te scrollen.
Ze hebben de website in een ingetogen lettertype weergegeven. Mandy Jacobs gebruikt Inter voor de volledige website en Oran Cusack gebruikt Montserrat, een neutrale schreefloze letter die de tekst de ruimte geeft. Waar de typografie wel karakter krijgt, zoals het handgeschreven menu van Eva Alonso, het monochrome display van Element Fifty of de hoge schreefletter van In-Still, is dit een bewuste positioneringskeuze en geen decoratie.
Ze verkopen of boeken via dezelfde website. Martin Dellicour verkoopt prints, Christos Tejada neemt aanbetalingen aan en de Vagle Brothers verkopen cd's, allemaal zonder de koper ergens anders heen te sturen.
Ze maken de volgende stap vanzelfsprekend. Of het nu de persstrook van Wangechi Ojuok bovenaan is, de campagnecovers van Oran Cusack of het boekingscontact van TIDEE vooraan, de bezoeker weet in één oogopslag wat hij of zij vervolgens moet doen.
Hoe structureer je je portfolio op basis van doelstellingen?
Veelvoorkomende portefeuillefouten die u moet vermijden
Dit zijn de storingen die je ongemerkt werk kosten, niet de voor de hand liggende.
- Er staan dikke watermerken over de afbeelding. Die beschermen niets wat een screenshot niet kan omzeilen en ze verpesten juist datgene waarvoor een bezoeker gekomen is.
- Een downloadbaar PDF-bestand, terwijl een webgalerij hier thuishoort. Je werk blijft verborgen achter een muisklik en wordt nooit in de zoekresultaten opgenomen.
- Bij elke afbeelding ontbreekt de alt-tekst. Deze is voor u onzichtbaar, maar vormt een belangrijke bron voor zowel zoekmachines als schermlezers.
- Een platform dat persoonlijke experimenten combineert met commercieel werk. De klant kan niet zien wat je voor geld doet.
- Een contactformulier dat is doorgestuurd naar een inbox die niemand controleert. Test het eens met een telefoon die niet van jou is.
Hoe bouw je je eigen portfolio-website?
De 17 locaties bewandelden verschillende routes naar dezelfde bestemming. In de kern... een portfolio-website maken Het komt neer op vijf zetten:
- Kies 10 tot 15 van je sterkste stukken. Snijd alles wat slechts fijn genoeg is weg.
- Groepeer ze in benoemde galerijen, zodat een bezoeker direct bij het betreffende werk terechtkomt zonder te hoeven zoeken.
- Kies een lay-out en een of twee lettertypen die het werk omlijsten en er verder niet de aandacht van afleiden.
- Voeg de gewenste actie toe: aanvraag, boeking of een online winkel voor afdrukken.
- Controleer het op een telefoon, pas de alternatieve tekst aan en publiceer het.
The Bottom Line
De rode draad door alle 17 is terughoudendheid. Het werk is leidend, de lay-out ondersteunt, en de volgende stap is nooit meer dan een simpele scrollbeweging verwijderd. Begin met het vakgebied dat het dichtst bij het jouwe ligt, neem de ene beweging over die het beste past, en lever deze week iets live in plaats van het perfecte resultaat pas volgende maand te bereiken.
Begin met het opzetten van uw portfolio-website.
Veelgestelde vragen over portfolio-websites
Waar vind ik inspiratie voor een portfolio-website?
Begin met echte, functionerende websites in plaats van standaard sjabloongalerijen. De 17 voorbeelden hierboven omvatten fotografie, design, kunst, muziek en film, en behoren tot de beste portfolio-websites die op deze site zijn gebouwd. Pixpaelk voorzien van een aantekening over een specifieke zet die de moeite waard is om over te nemen.
Wat moet een portfolio-website bevatten?
Een overzichtelijke galerij met je beste werk, een korte beschrijving of biografie, duidelijke contactgegevens en, als je verkoopt, een webshop of prijslijst. 10 tot 15 sterke werken zijn beter dan 50 gemiddelde.
Hoeveel projecten moet een portfolio-website bevatten?
De meeste sterke portfolio's bevatten tussen de 8 en 15 stukken. Genoeg om diversiteit aan te tonen, maar weinig genoeg zodat elk stuk zijn plaats verdient.
Wat zorgt ervoor dat een portfolio-website er professioneel uitziet?
Consistente spatiëring, één of twee lettertypen, afbeeldingen die niet zijn bijgesneden of uitgerekt, snelle laadtijden en een lay-out die het werk niet afleidt. Professionaliteit straalt hier ingetogenheid uit.
Moet ik kunnen programmeren om een portfolio-website te bouwen?
Nee. Elke site in deze lijst is gebouwd op Pixpa Zonder code. Je kiest een sjabloon, voegt je werk toe en publiceert.
Wat kost een portfolio-website?
Betaalde abonnementen beginnen bij $5.40 per maand voor het basisabonnement, dat jaarlijks wordt gefactureerd. Elk abonnement omvat een gratis proefperiode van 15 dagen waarvoor geen creditcard nodig is.
Hoe vaak moet ik mijn portefeuille bijwerken?
Voeg nieuw werk toe zodra je iets af hebt dat beter is dan je huidige zwakste stuk, en bekijk de hele website elke drie tot zes maanden.
Moet mijn portfolio-website goed werken op mobiele apparaten?
Ja. De meeste bezoekers komen via een telefoon, dus test de galerij, navigatie en contactmogelijkheden op mobiel voordat je de link deelt.
Wat is het beste platform om een portfolio-website te bouwen?
Het hangt ervan af wat je doet. De sites hier zijn gebouwd op Pixpa, wat geschikt is voor beeldgerichte portfolio's die ook klantengalerijen of een webwinkel nodig hebben. Voor puur bladeren op veld portfolio voorbeeldenBegin daar en werk terug naar de gereedschappen.