Diensten · Huisstijl maken op maat

Een huisstijl die je kunt uitleggen

Een beeldmerk dat op een bord langs het veld, op een shirt en op je website hetzelfde doet. Hieronder zie je wat we maakten; op de methodiekpagina lees je waarom het zo is geworden.

Je krijgt eerst het onderzoek te zien, daarna pas een voorstel.

Uit de praktijk · The Magic Bees

Het beeldmerk van The Magic Bees, MHC Weesp: een bij met hockeystick in geel, wit en zwart.

Ontworpen voor een reclamebord van drie meter, een shirt en een vaantje. Op alle drie leesbaar, en dat is vooraf getoetst in plaats van gehoopt.

Voorbeelden uit de praktijk

Zo ziet een huisstijl eruit als hij af is

Geen moodboardsMoodboard Een collage van beelden, kleuren en lettertypes die de sfeer van een ontwerp laat zien. maar dingen die bestaan: een bord langs het veld, een mat, een vaantje, het eerste scherm van een website. Klik op een beeld voor de caseCase Een uitgewerkt voorbeeld van een klantopdracht, met de situatie, de aanpak en het resultaat. erachter.

De mascotte van The Magic Bees: een bij met hockeystick, geel en zwart op een honingraat.

The Magic Bees · MHC Weesp

Mascotte voor een nieuw hockeyteam: dezelfde bij op het shirt, het bord en het vaantje.

Bekijk de case

Afstandssimulatie van het reclamebord van The Magic Bees: scherp op tien meter, vervaagd op veertig meter.

The Magic Bees · MHC Weesp

Reclamebord van 2,95 bij 0,75 meter, vooraf getoetst op leesbaarheid op 10, 20, 40 en 80 meter.

Bekijk de case

Een grijze sportmat met het beeldmerk van The Magic Bees in reliëf.

The Magic Bees · MHC Weesp

Hetzelfde beeldmerk, als reliëf gedrukt op een sportmat van de club.

Bekijk de case

Het clubvaantje van The Magic Bees: zwart met gele franje, beeldmerk en de tekst One hive, one team.

The Magic Bees · MHC Weesp

Clubvaantje met beeldmerk, taglineTagline Een korte, vaste zin die bij een merknaam of logo hoort en in een paar woorden zegt waar het merk voor staat. en Instagram-handle, in dezelfde twee kleuren als het bord.

Bekijk de case

Het eerste scherm van de nieuwe website van Ontslagspecialist: witte kop op donkerblauw met een oranje knop.

Ontslagspecialist

Nieuwe huisstijl voor een arbeidsrechtpraktijk: donkerblauw, één signaalkleurAccentkleur De opvallende kleur in een huisstijl die de aandacht trekt, bijvoorbeeld voor knoppen., een schreefletterSchreefletter Een lettertype met kleine dwarsstreepjes aan de uiteinden van de letters, zoals in veel kranten. voor de lopende tekst. Hier op het eerste scherm van de nieuwe site, nu in aanbouw.

Bekijk de case

De voorpagina van eqwise.nl: zwarte kop met blauw accent op wit, één blauwe knop.

EQwise · deze site

Onze eigen huisstijl: twee letterfamilies, één merkblauw en gemeten contrastContrast Hoeveel een kleur verschilt van de achtergrond, en dus hoe goed je iets kunt lezen., toegepast op de site die je nu bekijkt.

Bekijk de case

Waar het misgaat

Waarom een huisstijl in de praktijk uit elkaar loopt

Een huisstijl begint bijna altijd goed. Er ligt een logo, een kleur en een letter, en daarna gaat de organisatie ermee werken. Een offerte, een advertentie, een nieuwe pagina: elke toepassing vraagt een keuze die niet in de huisstijl staat. Die keuze wordt dan ter plekke gemaakt, door wie er op dat moment aan werkt.

Na een paar jaar herken je dat aan drie dingen.

  • Niemand kan meer uitleggen waarom een kleur die kleur is. Daardoor gaat elk overleg over smaak in plaats van over de taak die de kleur heeft.
  • De website, het drukwerk en de presentatie lijken van drie verschillende bedrijven, omdat ze door drie partijen zijn ingericht die elk hun eigen aanname meenamen.
  • Er is geen maat om aan te toetsen. Elke afwijking is dus verdedigbaar, en het verschil groeit elk jaar.

Dat is geen smaakprobleem maar een systeemprobleem. Daarom begint een huisstijl bij ons met onderzoek, en eindigt hij in een set regels die je kunt naslaan.

De aanpak

Wat we onderzoeken voordat we iets ontwerpen

Vier onderzoeken die elkaar opvolgen. Elk levert iets op waar de volgende stap op steunt. Ook wat afvalt leggen we vast, met de reden erbij, zodat een keuze later niet opnieuw ter discussie staat.

01

Doelgroep en beslisgedrag

Wie kijkt er, met welke vraag, en wat moet die persoon zien om de volgende stap te durven zetten. We werken met personaPersona Een uitgewerkte beschrijving van een typische klant, met zijn wensen, vragen en twijfels.’s, inclusief de twijfel waarop iemand afhaakt.

02

Gewenste merkperceptie

Welke indruk moet het merk bij elk van die persona’s maken: hoeveel autoriteitAutoriteit Hoeveel vertrouwen zoekmachines en AI in je website hebben., hoeveel nabijheid, hoeveel onderscheid. Dit is de meetlat waaraan alles daarna wordt getoetst.

03

Kleur en typografieTypografie De keuze en opmaak van letters: welk lettertype, hoe groot en met hoeveel ruimte.

We zetten meerdere richtingen naast elkaar en beoordelen ze op die meetlat. Contrast wordt gemeten, niet geschat. Wat afvalt, valt beargumenteerd af.

04

Toepassing en toetsing

Een richting die op een moodboard werkt, kan op een formulier omvallen. We passen hem toe op echte schermen, zoals knoppen, tabellen en foutmeldingen, voordat we iets vastleggen.

Het bewijs

Zo ziet dat onderzoek er van dichtbij uit

We hebben één traject volledig uitgeschreven: van persona’s naar gewenste merkperceptie, van merkperceptie naar kleur- en letterrichtingen. En van daaruit naar een systeem dat op een echte site staat. Inclusief de richtingen die het niet zijn geworden.

  • Van persona naar merkperceptie, in een matrix die je zelf kunt nalopen
  • Kleurrollen en gemeten contrast, in plaats van kleurenpsychologie
  • Koppen en lopende tekst apart onderzocht, want ze hebben een andere taak
  • Hetzelfde systeem toegepast op een echte website, op desktop en mobiel

Een verdiepingspagina. Je hoeft er niets voor in te vullen.

De oplevering

Wat je krijgt

Geen moodboard, maar een werkend systeem dat je kunt doorgeven aan een ontwerper, een drukker of degene die je site bouwt.

  • Een kleurenset waarin elke kleur een taak heeft, met de gemeten contrastwaarde erbij
  • Een typografische schaal voor koppen, lopende tekst en interface, in twee letterfamilies met vaste gewichten
  • Regels voor knoppen, kaarten, formulieren, lijsten en witruimteWitruimte De lege ruimte tussen tekst, afbeeldingen en andere onderdelen op een pagina., inclusief de staten die vaak vergeten worden: hover, focus, fout
  • Design tokens, zodat website, presentatie en drukwerk uit dezelfde bron putten
  • Een document waarin bij elke keuze staat waarom hij zo is, en wat er is afgevallen

Dat laatste is het deel dat het verschil maakt zodra je de keuze intern moet verdedigen. Of wanneer over twee jaar iemand anders erop verder bouwt.

Bouwen we daarna ook je website? Dan is dit het vertrekpunt: degene die bouwt krijgt de regels aangeleverd in plaats van ze onderweg te bedenken. Los kan ook. Een huisstijl geldt net zo goed voor je offertes, je drukwerk en een site die iemand anders beheert.

Als er al iets ligt

Ligt er al een huisstijl? Dan meten we die eerst.

Dan beginnen we met inventariseren en niet met herbouwen. We leggen vast wat er is, waar het uit elkaar loopt en wat er van waarde is. Vaak blijkt een deel gewoon te kloppen en ontbreken vooral de regels eromheen.

Je krijgt daarna een oordeel over wat kan blijven staan, wat aandacht nodig heeft en wat vervangen moet worden. Wat er níét hoeft, zeggen we er expliciet bij. Ook als de uitkomst is dat het meeste bruikbaar is.

Vragen vooraf

Veelgestelde vragen over een huisstijl laten maken

Hoe lang duurt het?

Reken op vier tot zes weken, van eerste gesprek tot vastgelegd designsysteemDesignsysteem Een verzameling vaste regels en onderdelen waarmee alles in dezelfde stijl wordt gemaakt.. Wat de doorlooptijd bepaalt is bijna nooit het ontwerp. Het zijn de twee momenten waarop jij kiest.

Hoeveel tijd kost dit mij?

We komen terug met uitgewerkte richtingen, niet met een vragenlijst. Jij beoordeelt wat er al ligt en kiest ertussen. Wat we van je nodig hebben is je kennis van je klanten, en je oordeel op de momenten dat er echt iets te kiezen valt.

Moet mijn website hiervoor opnieuw?

Niet vanzelfsprekend. Een huisstijl legt vast wat kleur, letter en ruimte moeten doen. Of je huidige site dat aankan, is een aparte vraag die we eerst onderzoeken. Soms is het doorvoeren van de regels genoeg, soms niet. Dat weet je voordat er iets gebouwd wordt.

Waarom kiezen jullie geen kleur die past bij de branche?

Omdat een kleur in zijn eentje geen betekenis draagt. Hoe hij overkomt hangt af van de verzadiging, het contrastContrast Hoeveel een kleur verschilt van de achtergrond, en dus hoe goed je iets kunt lezen., de grootte van het vlak en hoe vaak hij terugkomt. Het hangt ook af van de letter en de ruimte eromheen. Dezelfde blauwtint kan zakelijk ogen of goedkoop, afhankelijk van die context. We beoordelen daarom altijd de combinatie en nooit de kleur op zichzelf.

Wat kost een huisstijl?

Er zijn drie pakketten, alle bedragen exclusief btw. Start €1.250 tot €1.750 (één tot twee weken), Plus €2.750 tot €3.500 (twee tot drie weken) en op maat vanaf €5.000 (vier tot zes weken).

Start en Plus hebben een vaste omvang met twee correctierondes. Bij een huisstijl op maat maakt het verschil: alleen digitaal of ook drukwerk, één beeldmerk of een set varianten, wel of geen mascotte of illustratie. Daarvoor krijg je na het kennismakingsgesprek een voorstel met een vaste prijs.

Bekijk de pakketten

Uurtarieven

Een huisstijl is er in drie pakketten, met een vaste prijs: Start (€1.250 tot €1.750), Plus (€2.750 tot €3.500) en op maat (vanaf €5.000). Wat er in elk pakket zit, staat op de tarievenpagina. Extra correctierondes rekenen we af op het uurtarief hierboven.

Alle bedragen zijn exclusief btw.

De eerste stap

Laat eerst onderzoeken wat je merk moet doen

Eén gesprek waarin we langsgaan wat er nu staat, wie je klanten zijn en waar het uit elkaar loopt. Daarna weet je wat er nodig is, en of wij daar de juiste partij voor zijn.