Een van de duurste momenten in een websiteproject is wanneer een ontwerper na weken werk een voorstel laat zien en de opdrachtgever zegt: dit is helemaal niet wat ik in gedachten had. Dan blijkt dat beide partijen een ander beeld in hun hoofd hadden, en pas bij de uitwerking komt dat aan het licht. Een moodboard voorkomt precies dat. Het is een verzameling beelden, kleuren en voorbeelden die de sfeer en richting van je site vastlegt voordat er één pagina is ontworpen. Zo wordt het eindresultaat geen verrassing, maar een logisch vervolg op iets waar je het samen al over eens was. In deze gids laat ik zien hoe je dat aanpakt.

Wat een moodboard is en wat niet

Een moodboard is een gevoelsschets, geen ontwerp. Je verzamelt voorbeelden die de gewenste sfeer raken: kleuren die passen, foto's met de juiste toon, andere websites of merken die het gevoel benaderen, misschien een lettertype dat aanspreekt. Bij elkaar tonen ze welke kant het op gaat met de uitstraling, zonder dat er al iets concreets van jouw site is uitgewerkt.

Het is uitdrukkelijk geen ontwerp van je pagina's. Een moodboard zegt niets over waar je menu staat of hoe je homepage is ingedeeld. Het vangt alleen het gevoel: rustig of energiek, warm of zakelijk, klassiek of eigentijds. Dat onderscheid is belangrijk, want het houdt het gesprek in deze fase bij de sfeer en niet bij de details die later komen.

Waarom je hiermee begint

Sfeer is moeilijk in woorden te vatten. Vraag tien mensen wat modern of degelijk betekent en je krijgt tien verschillende beelden. Een moodboard maakt die woorden zichtbaar, zodat je niet langs elkaar heen praat. In plaats van te discussiëren over abstracte termen, wijs je aan: dit gevoel wel, dat gevoel niet.

Dat bespaart later veel. Komt een verschil van inzicht pas naar voren bij het eerste ontwerp, dan kost het dure rondes om het recht te trekken. Een halfuur samen richting kiezen aan het begin voorkomt teleurstelling verderop. Het sluit naadloos aan op een goede designbriefing: waar de briefing de woorden levert, geeft het moodboard het beeld erbij.

Hoe je een moodboard opbouwt

Je hebt geen ingewikkelde gereedschappen nodig om te beginnen. De aanpak is eenvoudig:

  1. Verzamel breed. Pak alles wat je aanspreekt: websites, foto's, kleuren, verpakkingen, zelfs een sfeer uit een ruimte. Wees in dit stadium niet te streng.
  2. Zoek het gemeen­schappelijke. Kijk wat de voorbeelden delen. Vaak zie je een rode draad: dezelfde rust, dezelfde warmte of juist dezelfde durf.
  3. Snoei terug. Gooi weg wat niet bij die rode draad past. Een moodboard wordt sterker naarmate het scherper is, niet voller.
  4. Voeg een korte uitleg toe. Een paar woorden bij elk onderdeel maken duidelijk waarom het erbij hoort.

Het eindresultaat is een overzichtelijk geheel dat in één blik het gevoel overbrengt. Kleuren spelen daarin vaak de hoofdrol, dus het loont om die keuze samen te laten lopen met de gids over een kleurenpalet samenstellen.

Een moodboard is niet bedoeld om je site te tekenen, maar om het gevoel ervan te vangen. Wie het gevoel deelt, hoeft over de uitwerking veel minder te strijden.

Het moodboard gebruiken in het ontwerp

Zodra het moodboard staat en iedereen zich erin herkent, wordt het je ijkpunt voor het hele project. Bij elke ontwerpkeuze kun je teruggrijpen: past dit bij de sfeer die we hebben afgesproken? Dat haalt veel willekeur uit het traject en maakt beslissen makkelijker, omdat je een gedeeld vertrekpunt hebt.

Het moodboard is daarmee de brug tussen het gevoel vooraf en het concrete ontwerp daarna. Uit de gekozen sfeer volgen vrijwel vanzelf de beeldtaal, de kleuren en de toon van je site. Hoe die sfeer doorwerkt in je foto's en uitstraling lees je in de gids over beeldtaal en sfeer. Zo loopt er een lijn van het eerste gevoel tot de afgewerkte pagina.

Valkuilen bij het maken

Een paar dingen halen de waarde uit een moodboard.

Te veel verschillende richtingen

Een moodboard dat alle kanten op wijst, geeft geen houvast. Durf te kiezen en te snoeien tot er één duidelijke sfeer overblijft.

Het verwarren met een ontwerp

Wie een moodboard al als plattegrond van zijn site leest, raakt teleurgesteld. Houd helder dat het om gevoel gaat, niet om indeling.

Alleen kopiëren wat mooi is

Voorbeelden die je mooi vindt maar niet bij je bedrijf passen, sturen de verkeerde kant op. Kies wat past bij je merk en doelgroep, niet alleen wat oogt.

Zelf doen of uitbesteden?

Het verzamelen van voorbeelden kun je prima zelf doen, en juist jouw input is waardevol omdat jij je bedrijf en klanten kent. Het terugbrengen tot één heldere richting is lastiger: aanvoelen welke voorbeelden samen een geheel vormen en welke afleiden, en dat vertalen naar iets waarmee een ontwerper verder kan. Daar helpt een ervaren blik om van een verzameling losse beelden een bruikbaar kompas te maken.

Wil je een ontwerptraject dat begint bij een gedeeld gevoel in plaats van bij gokken? Bekijk dan de pagina over webdesign of leg me je ideeën voor via de contactpagina. Wil je weten welke informatie je verder aanlevert voor een soepel traject, lees dan ook de gids over een goede designbriefing opstellen.

Veelgestelde vragen

Een moodboard is een verzameling beelden, kleuren en voorbeelden die samen de sfeer en richting van je toekomstige website vangen. Het is geen ontwerp van je site, maar een gevoelsschets vooraf. Het laat zien welke kant het op gaat qua uitstraling, zodat iedereen het over hetzelfde gevoel eens is voordat het echte werk begint.

Omdat het later veel tijd en frustratie bespaart. Een moodboard haalt aan het begin de vraag boven of jullie hetzelfde voor ogen hebben. Komt dat pas naar voren bij het eerste ontwerp, dan kost het dure extra rondes. Een halfuur richting kiezen aan het begin voorkomt teleurstelling en omwegen verderop.

Dat kan allebei, en vaak werkt een combinatie het best. Jij verzamelt voorbeelden die jou aanspreken, de ontwerper brengt daar samenhang en richting in aan. Zo komt jouw gevoel binnen en vertaalt de ontwerper het naar iets bruikbaars. Je hoeft geen ontwerper te zijn om waardevolle input te leveren.

Nee. Een moodboard vangt de sfeer en richting, een ontwerp is de concrete uitwerking van je pagina's. Het moodboard komt eerst en bepaalt het gevoel, het ontwerp volgt en geeft dat gevoel vorm. Ze door elkaar halen leidt vaak tot verwarring, dus het is goed om het onderscheid scherp te houden.

Verder in de kennisbank: Een goede designbriefing opstellen · Beeldtaal en sfeer · Een kleurenpalet samenstellen