Website branding: zo vertaal je je merk naar je site

Website branding is het vertalen van je merk naar je website: je logo, kleuren en lettertypes, maar ook je beelden, je toon en de belofte die je klanten doet. Een goed gebrande site voelt in één oogopslag als jouw bedrijf en zegt hetzelfde als je bus, offerte en social media. Daar heb je geen groot bureau voor nodig, wel een paar duidelijke keuzes.

Wat is branding precies, en wat hoort er op je website bij?

Branding is hoe mensen je bedrijf herkennen en wat ze erbij voelen. Het visuele deel noemen we vaak de huisstijl. Het minder zichtbare deel is je merkidentiteit: waar je voor staat, voor wie je werkt en hoe je praat.

Op je website komen die twee samen. Een bezoeker beoordeelt binnen een paar seconden of je site past bij wat hij zoekt. Een strakke site met een rommelige toon, of een warme toon met stockfoto’s van lachende mensen in pak, voelt niet echt.

De bouwstenen van branding op je website

Bouwsteen	Waar je hem op je site ziet	Veelgemaakte fout
Logo	Header, favicon (het icoontje in je browsertab), footer	Te klein, of een wazig bestand
Kleuren	Knoppen, koppen, achtergronden, links	Te veel kleuren, of knoppen die niet opvallen
Lettertypes	Koppen en lopende tekst	Drie of meer lettertypes door elkaar
Beeld	Foto’s, iconen, illustraties	Stockfoto’s die bij elk bedrijf passen
Toon	Koppen, knoppen, foutmeldingen, formulieren	Stijf en zakelijk terwijl je in het echt informeel bent
Belofte	De kop op je homepage, je dienstpagina’s	Vage claims als “kwaliteit en service”

Van huisstijl naar website: zo pak je het aan

1. Leg je merk vast op één A4

Schrijf op voor wie je werkt, welk probleem je oplost, wat je anders doet dan concurrenten en welke drie woorden je bedrijf beschrijven. Bijvoorbeeld: nuchter, vakkundig, snel. Dit A4 gebruik je bij elke keuze over je site.

2. Maak een mini-stijlgids

Je hoeft geen dik merkboek te hebben. Een pagina met dit is genoeg:

• je logo in kleur, zwart en wit, als vectorbestand (SVG) en als PNG;
• een hoofdkleur, een accentkleur voor knoppen en een of twee neutrale kleuren, met de kleurcodes (HEX);
• een lettertype voor koppen en een voor tekst;
• een paar voorbeelden van foto’s die wel en niet passen;
• drie regels over je toon, zoals “we zeggen je, geen vakjargon, korte zinnen”.

3. Vertaal het naar je thema of ontwerp

In WordPress stel je kleuren en lettertypes vaak centraal in via het thema of de page builder. Zo hoef je ze niet op elke pagina los aan te passen en blijft alles gelijk. Hoe dat per page builder werkt, lees je in Elementor, Divi of Gutenberg.

4. Kies echte beelden

Niets maakt een site zo herkenbaar als eigen foto’s: je team, je werkplaats, je product in gebruik. Laat een keer een fotograaf komen voor een vaste set beelden. Kun je dat nog niet, kies dan stockfoto’s in één stijl en kleurgebruik.

5. Schrijf in je eigen toon

Branding zit ook in kleine teksten. Een knop die zegt “Plan een kennismaking” voelt anders dan “Verzenden”. Een bedankpagina na een aanvraag is een kans om te laten horen wie je bent.

Branding en gebruiksgemak: waar het botst

Een sterk merk mag nooit ten koste gaan van een site die werkt. Let op deze punten:

• Contrast: lichtgrijze tekst op wit of witte tekst op je lichte merkkleur is slecht leesbaar. Zeker voor oudere bezoekers en op mobiel.
• Lettertypes: een opvallend lettertype is mooi voor koppen, maar gebruik een rustig, goed leesbaar lettertype voor lopende tekst.
• Snelheid: zware animaties, video op de achtergrond en veel webfonts maken je site traag. Kijk ook naar website sneller maken.
• Herkenbare navigatie: creatief mag, maar mensen verwachten het menu bovenaan en de contactgegevens onderaan.

Consistent blijven buiten je website

Je website is vaak het centrale punt, maar klanten zien je merk ook in je Google Bedrijfsprofiel, je e-mails, social media en offertes. Gebruik overal dezelfde naam, hetzelfde logo, dezelfde kleuren en dezelfde manier van praten. Een zakelijk e-mailadres op je eigen domein hoort daar ook bij, zie e-mail met je eigen domeinnaam.

Praktijkvoorbeeld: een schildersbedrijf dat te generiek oogde

Een schildersbedrijf uit Hilversum heeft een website met een standaardthema, een blauwe kleur die niet in het logo voorkomt en stockfoto’s van een glimlachende schilder. De bus en de werkkleding zijn juist donkergroen met oranje.

De eigenaar laat een vaste set foto’s maken van zijn eigen team aan het werk. Hij zet groen en oranje als vaste kleuren in het thema, met oranje alleen voor knoppen. De kop op de homepage wordt een concrete belofte: wat ze schilderen, waar en hoe snel ze een offerte sturen. De toon wordt informeel, net als aan de keukentafel bij de klant.

Het resultaat is een site die herkenbaar is voor iemand die de bus in de straat heeft zien staan. Dat zorgt voor vertrouwen voordat er ook maar contact is.

Zelf doen of uitbesteden?

Heb je al een logo en een duidelijke huisstijl, dan kun je je site prima zelf in lijn brengen. Kleuren en lettertypes centraal instellen en eigen foto’s toevoegen is in de meeste websitebouwers goed te doen.

Uitbesteden is slimmer als:

• je nog geen huisstijl hebt of je huidige logo niet meer bij je past;
• je site technisch verouderd is en een nieuw ontwerp toch al nodig is;
• je merk moet opvallen in een markt met veel concurrenten die op elkaar lijken.

Begin dan bij een ontwerper voor je logo en stijl en laat daarna de site daarop bouwen, niet andersom. Voor een beeld van de kosten kun je kijken naar wat een website laten maken kost.

Tot slot

Goede website branding begint niet bij het ontwerp, maar bij een paar keuzes over wie je bent en voor wie je werkt. Leg die vast, vertaal ze naar kleuren, lettertypes, beelden en toon en houd ze overal gelijk. Wil je een site die echt voelt als jouw bedrijf? Bekijk dan onze aanpak voor een website laten maken.

Veelgestelde vragen