Portfolio website maken: welk werk laat je zien?

Fotograaf, schilder, stukadoor, hovenier, artiest: je werk is je beste verkoper. Alleen staat het bij de meeste ondernemers verspreid over Instagram, een volle telefoon en een map op Google Drive.

Een portfolio website maken is daarom geen luxe. Het is je bewijsmateriaal op één plek zetten, zo dat een onbekende bezoeker binnen een minuut denkt: dit soort werk wil ik ook.

Het korte antwoord: kies zes tot twaalf sterke projecten, geef elk project een eigen pagina met situatie, aanpak, plaats en foto's, zorg dat die foto's snel laden en zet onder elk project een duidelijke vervolgstap.

Welke projecten zet je erop?

Niet alles. Een portfolio is een selectie, geen archief.

Kies op deze drie dingen:

Werk dat je meer wilt doen. Dit is de belangrijkste. Wat je laat zien, krijg je terug. Toon je alleen kleine reparaties, dan komen er kleine reparaties binnen. Wil je hele gevels schilderen, zet dan hele gevels op je site.

Spreiding in soort klus. Een stukadoor laat glad stucwerk, sierpleister en een badkamer zien. Een fotograaf toont bruiloft, portret en zakelijk apart, want dat zijn verschillende klanten met verschillende vragen.

Spreiding in plaats. Een project in Assen, een in Emmen, een in Haren. Handig voor de bezoeker die wil weten of je in zijn buurt komt, en het helpt je in de zoekresultaten. Werk je in een groter gebied, combineer dit dan met werkgebied-pagina's.

Heb je maar drie projecten? Dan zet je er drie op. Drie goed uitgewerkte projecten verslaan twintig losse foto's zonder uitleg.

Wat hoort er per project bij?

Een foto alleen zegt te weinig. Wat een bezoeker wil weten is: leek dit op mijn situatie, en hoe pakte het uit?

Vier zinnen per project is genoeg. Het hoeft geen verhaal te worden.

Geef elk project een eigen pagina

Eén lange pagina met alle foto's onder elkaar is makkelijk te bouwen, maar je gooit er iets mee weg.

Met een eigen pagina per project krijg je:

• een adres dat je los kunt delen, in een offerte of appje
• een pagina die kan scoren op een specifieke zoekopdracht, zoals sierpleister badkamer Emmen
• ruimte voor tekst, waardoor je werk ook vindbaar is en niet alleen zichtbaar
• een plek voor een eigen call to action per soort klus

Geef zo'n projectpagina dan wel een eigen titel en omschrijving, met de klus en de plaats erin. Hoe je die schrijft, staat in title en meta description schrijven.

Google kan een foto namelijk niet lezen. De tekst eromheen wel. In de eigen documentatie over afbeeldingen in Google staat het simpel: zet afbeeldingen dicht bij relevante tekst, op pagina's die over dat onderwerp gaan, en gebruik korte, beschrijvende bestandsnamen. stucwerk-badkamer-emmen.jpg is beter dan IMG_2043.JPG.

Diezelfde documentatie noemt nog twee dingen die bij een portfolio horen: scherpe beelden trekken meer klikken in Google Afbeeldingen, en gebruik gewone img-afbeeldingen in plaats van achtergrondafbeeldingen in je opmaak.

Alt-tekst: beschrijf wat er te zien is

De alt-tekst is de beschrijving van een afbeelding. Die is er voor mensen die je site laten voorlezen, en ze helpt zoekmachines begrijpen wat er op de foto staat.

Schrijf gewoon wat je ziet: "gestucte muur met sierpleister in badkamer, lichtgrijs". Niet een rijtje zoekwoorden, en niet "foto1".

Snelheid: de val waar portfolio's in trappen

Mooie foto's, trage site. Dat is het klassieke portfolio-probleem.

Een foto rechtstreeks uit je telefoon is al snel enkele megabytes. Zet je er twaalf op een pagina, dan kijkt een bezoeker op 4G tegen een leeg scherm aan. En die haakt af.

De vuistregel van Google: het grootste element in beeld, bij een portfolio dus meestal je foto, zou binnen 2,5 seconden zichtbaar moeten zijn. Dat is de norm voor een goede Largest Contentful Paint, en boven de 4 seconden is het slecht.

Wat daarvoor nodig is:

• foto's automatisch verkleinen naar de maat waarin ze getoond worden
• moderne beeldformaten gebruiken, die bij gelijke kwaliteit kleiner zijn
• meerdere formaten meesturen, zodat een telefoon een kleinere versie krijgt dan een groot scherm
• afbeeldingen buiten beeld pas laden als iemand ernaartoe scrolt
• de eerste foto in beeld juist niet uitstellen, die moet meteen komen

Dit hoef je niet zelf bij te houden. Het moet gewoon goed in je site zitten. Bij de websites die ik bouw gebeurt dit automatisch, hoe groot je portfolio ook wordt.

Zet onder elk project een vervolgstap

Dit is het stuk dat het vaakst ontbreekt. Iemand bekijkt drie projecten, is overtuigd, scrolt door, en... niets.

Zet onder elk project een knop die past bij dat werk:

• "Vraag een prijsindicatie voor vergelijkbaar stucwerk"
• "Check mijn beschikbaarheid voor jouw trouwdatum"
• "Stuur een foto van je tuin via WhatsApp"

Hoe concreter de knop, hoe beter hij werkt. "Contact" is een doodlopende weg, want de bezoeker moet dan zelf bedenken wat hij gaat schrijven.

Per vak ligt de nadruk anders

Een portfolio voor een fotograaf is iets anders dan voor een stukadoor.

Fotografen laten per genre een serie zien, niet alles door elkaar. Beeldkwaliteit en snelheid bepalen alles, plus een prijsindicatie per soort opdracht. Zie website voor fotografen.

Vakmensen als schilders, stukadoors en hoveniers winnen met voor-en-na, materiaalkeuze en netheid. De plaats erbij is belangrijk. Zie bijvoorbeeld website voor hoveniers en het artikel wat er op een stukadoorswebsite moet.

Artiesten hebben aan foto's niet genoeg. Eén goede video van een optreden zegt meer dan tien podiumfoto's. Zet daarbij het soort gelegenheid: bruiloft, dorpsfeest, bedrijfsfeest.

Gebruik geen stockbeeld om gaten in je portfolio te vullen. Waarom dat niet werkt, en wat het juridisch kan kosten, staat in stockfoto's op je website.

Houd het bij, maar niet obsessief

Een portfolio is pas dood als er vijf jaar niets bij is gekomen. Een ritme van één project per maand is ruim voldoende.

Zo groeit je portfolio zonder dat het ooit een project op zich wordt.

Kort samengevat

Kies zes tot twaalf projecten die laten zien wat je meer wilt doen, geef elk project een eigen pagina met situatie, aanpak, plaats en duur, zorg dat de foto's snel laden en zet onder elk project een concrete vervolgstap.

Nieuwsgierig hoe dat eruitziet als het af is? Bekijk het werk dat ik heb gemaakt, of stuur me een paar foto's van je laatste klus. Dan laat ik zien hoe ik daar een projectpagina van zou maken.