Een moodboard voor uw website maken in één middag

“Strak, maar niet kil. Modern, maar wel een beetje warm.” Dat is ongeveer wat de meeste ondernemers zeggen als hun webbouwer vraagt hoe de nieuwe site eruit moet zien. Het is niet verkeerd, maar iedereen stelt zich er iets anders bij voor. Een moodboard voor uw website lost dat op. Het is een verzameling beelden, kleuren en voorbeelden die samen laten zien welke sfeer u zoekt. U maakt hem zelf, in een middag, en het scheelt later een hoop heen-en-weer.

Wat een moodboard voor uw website wel en niet is

Een moodboard is geen ontwerp en geen bestelling. U zegt er niet mee “maak dit na”, maar “deze richting voelt goed”. Het is een gespreksstuk. Een goede webbouwer kijkt naar wat de voorbeelden gemeen hebben en vertaalt dat naar iets wat bij uw bedrijf past.

Het is ook geen vervanging van uw huisstijl. Heeft u al een logo, kleuren en een lettertype, dan vormen die de basis. Het moodboard gaat dan vooral over de rest: de foto’s, de hoeveelheid witruimte, hoe zakelijk of hoe los het mag voelen.

Stap 1: verzamel zonder te oordelen

Neem een week de tijd en sla alles op wat u aanspreekt. Screenshots van websites, foto’s uit tijdschriften, een folder van een concurrent, de verpakking van een product dat u mooi vindt, een interieur van een restaurant. Het hoeft niet uit uw branche te komen; vaak zijn voorbeelden van buiten zelfs bruikbaarder.

Handige plekken om op te slaan:

• Een map op uw telefoon met screenshots. Het makkelijkst, want u heeft hem altijd bij u.
• Pinterest, met een eigen bord voor de website. U kunt het bord met de bouwer delen.
• Een gedeeld document of een presentatie, waarin u beelden plakt met tekst erbij.
• Papier: knipsels op een groot vel. Ouderwets, maar het werkt.

Stap 2: schrijf bij elk beeld waarom

Dit is de stap die de meeste mensen overslaan, en het is de belangrijkste. Een screenshot van een website zonder uitleg kan van alles betekenen. Vindt u de kleuren mooi? De grote foto’s? Het feit dat er weinig tekst op staat? Of juist de manier waarop de prijzen in een tabel staan?

Schrijf bij elk beeld één zin. “De rust van deze pagina, veel wit en één foto.” “Deze knop: duidelijk, maar niet schreeuwerig.” “De teamfoto’s zijn echt, geen stockfoto’s.” Met die zinnen kan een bouwer werken.

Stap 3: verzamel ook wat u niet wilt

Minstens zo nuttig is een klein rijtje voorbeelden van wat u juist niet wilt. Een site die te druk is, kleuren die u doen denken aan een supermarkt, een stijl die bij een concurrent hoort waar u niet mee vergeleken wilt worden. Ook hier geldt: schrijf erbij waarom.

Stap 4: dun het uit

Na een week heeft u misschien dertig of veertig beelden. Leg ze naast elkaar en haal weg wat dubbel is of toch niet past. Houd er ergens tussen de tien en twintig over. Kijk dan wat ze gemeen hebben. Vaak ziet u nu een patroon: veel licht, natuurlijke kleuren, foto’s van mensen aan het werk. Of juist: donker, strak, veel contrast.

Schrijf dat patroon in drie of vier woorden op, bovenaan het moodboard. Kies woorden die iets zeggen. “Professioneel” zegt niets, want niemand wil een onprofessionele site. “Rustig, ambachtelijk, buitenlucht” geeft wel richting.

Stap 5: voeg de vaste onderdelen toe

Zet op het moodboard ook wat al vastligt: uw logo, uw huisstijlkleuren, foto’s die u al heeft en zeker wilt gebruiken. Zo ziet de bouwer meteen waar de vrijheid zit en waar niet. Hoe uw bestaande huisstijl zich vertaalt naar een scherm, leest u in huisstijl vertalen naar een website.

Veelgemaakte fouten

• Alleen websites van grote merken. Die hebben budgetten voor fotografie en animaties die voor een mkb-site niet realistisch zijn. Neem ze gerust op, maar zeg wat u er precies van wilt.
• Tegenstrijdige beelden zonder uitleg. Een donkere, stoere site naast een pastelkleurige. Kan best, maar dan wil de bouwer weten wat u in elk ervan ziet.
• Kleur kiezen op basis van één scherm. Kleuren zien er op elk scherm anders uit. Hoe u kleuren kiest die werken, staat in kleuren kiezen voor uw website.
• Het moodboard als eindoordeel gebruiken. Als het eerste ontwerp afwijkt van uw voorbeelden, vraag dan waarom. Soms heeft de bouwer een goede reden, bijvoorbeeld leesbaarheid of snelheid.

Wat u ermee doet

Stuur het moodboard mee met de briefing, of bespreek het in het eerste gesprek. Wat er verder in een briefing hoort, leest u op de pagina over een website briefing schrijven. Bij ons gebruiken we uw voorbeelden bij het ontwerp in uw huisstijl, en we zeggen het eerlijk als iets op een telefoon of voor de laadtijd niet goed uitpakt.