Fotografie of illustratie op je website: wanneer kies je wat?

Bij elk website-ontwerp komt dit terug. De één wil overal foto's, de ander vindt illustraties frisser. Beide kunnen goed werken, maar ze doen iets anders. Hier hoe ik de keuze maak.

Wat foto's doen

Een foto zegt: dit bestaat echt. Voor lokale dienstverleners, ambachtelijke bedrijven en iedereen die bij mensen thuis of op locatie komt, is dat het belangrijkste signaal dat je kunt geven. Iemand wil zien wie er straks aan de deur staat en wat voor werk je aflevert.

Foto's zijn daarom vrijwel altijd de juiste keuze voor:

• Je portret en je team
• Afgerond werk, liefst met voor en na
• Je pand, je werkplaats, je bus
• Materiaal en gereedschap
• Klanten in hun eigen situatie, met toestemming

Wat illustraties doen

Een illustratie zegt: zo werkt het. Ze zijn sterk als je iets moet uitleggen dat je niet kunt fotograferen: een proces, een verhouding, een keuze, een systeem. Ook handig als de werkelijkheid saai is om te zien, zoals softwarewerk of administratie.

Verder geeft een eigen illustratiestijl herkenbaarheid. Twee bedrijven kunnen dezelfde stockfoto gebruiken, maar niet dezelfde eigen tekeningen.

De vuistregel die ik aanhoud

Gaat het om vertrouwen, gebruik dan een foto. Gaat het om begrip, gebruik dan een illustratie. Op de meeste sites betekent dat: foto's boven aan de pagina en bij bewijs, illustraties bij uitleg en processen.

Consistentie is belangrijker dan de keuze

Wat een site rommelig maakt, is niet de mix van foto en illustratie maar het gebrek aan één lijn. Spreek per type een stijl af:

• Foto's: vergelijkbare belichting, kleurtoon en uitsnede. Kies bijvoorbeeld allemaal natuurlijk daglicht en dezelfde lichte nabewerking.
• Illustraties: dezelfde lijndikte, hetzelfde kleurenpalet uit je huisstijl, dezelfde mate van detail.

Een goede test: zet alle beelden van je site naast elkaar in één document. Ziet het eruit als één set, of als een verzameling?

Iconen als tussenvorm

Voor lijsten met kenmerken of stappen zijn kleine iconen vaak de beste keuze. Ze zijn licht, snel en helpen scannen. Gebruik één iconenset, houd de lijndikte gelijk en gebruik ze functioneel, dus niet als decoratie bij elke alinea.

Kosten en tijd

Een fotoshoot van een dagdeel met bruikbare beelden kost doorgaans tussen 350 en 800 euro en levert je jarenlang materiaal op. Een set van vijf tot acht illustraties op maat zit vaak in dezelfde orde van grootte. Bestaande illustratiebibliotheken zijn goedkoper, maar dan lever je onderscheid in.

Wat vaak vergeten wordt: beide verouderen. Foto's met kleding, auto's of materiaal van tien jaar geleden vallen op. Reken op vernieuwen elke drie tot vijf jaar.

Een middelmatige foto van jouw eigen werk overtuigt meer dan een perfecte foto van iemand anders zijn werk.

Technische punten die voor beide gelden

• Illustraties lever je als svg aan: scherp op elk scherm en klein van bestandsgrootte.
• Foto's sla je op als WebP, geschaald op de weergavegrootte.
• Geef beide een beschrijvende alt-tekst.
• Zet breedte en hoogte in de code zodat de pagina niet verspringt.
• Zorg dat tekst over beeld voldoende contrast houdt, bijvoorbeeld met een donkere laag.

Praktisch advies

Begin met foto's van jezelf en je werk, want die heb je sowieso nodig en die kun je vandaag maken. Voeg illustraties toe op de plekken waar je merkt dat je in tekst iets ingewikkelds staat uit te leggen. Dat is meestal je proces of je pakketten.

Twijfel je bij een specifiek blok, stel dan één vraag: wil ik hier dat iemand mij gelooft, of dat iemand mij begrijpt? Het antwoord kiest het beeldtype voor je.