Kies je website-stijl op merkpersoonlijkheid, niet op trend

In deze stap leg je je stijl vast door eerst de emotie en doelgroep te kiezen en pas daarna kleuren, vormen en beeld te bepalen.

Je websitestijl begint bij de persoonlijkheid van je merk, niet bij wat trendy is. Wie eerst trends verzamelt en dan een merk eromheen plakt, eindigt met een site die er over twee jaar gedateerd uitziet. In deze les leg je een stijl vast die past bij wie je bent, voor wie je werkt en welke emotie je wilt oproepen, zodat de visuele keuzes daarna logisch volgen.

Leren: van merk naar stijl, niet andersom

In deze video leg ik uit welke vier vragen je beantwoordt voordat je een kleur of lettertype kiest, en waarom moodboards pas in stap drie thuishoren.

Begrijpen: hoe kies je een website-stijl?

Stel jezelf vier vragen voor je begint: welke emotie wil ik oproepen, voor welke doelgroep ontwerp ik, in welke branche werk ik en welk volwassen merk benadert het gevoel dat ik wil? Vergelijk je antwoorden met merken die voor jou herkenbaar zijn en kijk welke kleuren, vormen en typografie zij gebruiken om die emotie op te roepen. Pas dan kies je een richting voor je eigen kleurenpalet, lettertypen en beeldgebruik.

Monique Delissen wijst op de meest gemaakte fout: kiezen voor je lievelingskleuren in plaats van voor de kleuren die bij je doelgroep passen. Een rustige, kalme branche vraagt niet om felle accenten, ook al houd je daar persoonlijk van. Sabine Boogaard voegt daar een tweede regel aan toe: laat je niet leiden door één moodboard. Maak er drie en kies pas dan, want het eerste idee is meestal het meest voor de hand liggende, niet per definitie het juiste.

De zes onderdelen van een werkbare stijlkeuze:

1. Emotie. Welke gevoel moet de site oproepen, in één zin opgeschreven.
2. Doelgroep-fit. Past de stijl bij wat je doelgroep al herkent en vertrouwt.
3. Branche-context. Welke conventies gelden er in jouw vakgebied en wijk je daar bewust van af.
4. Drie referentiemerken. Volwassen merken die het gevoel benaderen dat je wilt.
5. Kleurenpalet. Twee tot drie kleuren plus accent, gekozen op basis van emotie en branche.
6. Typografie en beeld. Lettertypes en fotostijl die de emotie versterken zonder te overheersen.

Tijd voor een Site raadt aan om je stijl-keuze altijd te toetsen op je belangrijkste pagina, niet alleen op een voorbeeld-mockup. Een palet dat in een kleine kaartjes-mock werkt, kan op een vol scrollende homepage te druk worden. Test je stijl in context voordat je het overal toepast, zodat je niet halverwege het bouwproces hoeft terug te gaan.

Toepassen: de blueprint

Vul de Stijl Blueprint in: één A4 met de zes onderdelen en per onderdeel één concreet antwoord. Eén pagina, in twintig minuten klaar als je je merk en doelgroep kent.

De eerste actie kost vijf minuten: schrijf in één zin op welke emotie je site moet oproepen. Lees de zin hardop en kijk of die past bij je huidige homepage. Klopt het niet, dan weet je dat je vandaag begint bij die zin in plaats van bij een nieuw kleurenpalet.