Huisstijl & visuele identiteit
Kleur, typografie en beeldtaal die kloppen bij wie je bent, en die het uithouden op een scherm dat de hele dag gebruikt wordt.
Waar het om gaat
Een kleur die prachtig drukt, haalt het contrast niet zodra er tekst op moet. Een font dat het goed doet op een affiche is onleesbaar in een knop van 44 pixels. Daarom draait het bij een huisstijl vooral om de vraag of hij het uithoudt op een scherm. Het logo en het merkboek maken we apart.
Heb je al een huisstijl, dan zoeken we eerst uit wat mee kan en wat een schermversie nodig heeft. Is er nog geen, dan maken we er samen één: kleurpalet, typografie en beeldtaal die passen bij wie je bent en die tegen dagelijks gebruik kunnen. Elke keuze heeft een reden die je kunt navertellen.
Alles wat we kiezen leggen we vast als tokens, de variabelen waar het ontwerp en de code allebei uit lezen. Verandert je accentkleur, dan verandert hij op één plek en overal tegelijk. Zo houdt de stijl stand als het product groeit en er later andere mensen aan werken.
Wat we doen
- Kleuren kiezen die werken op papier en op een scherm
- Een lettertype dat de hele dag leesbaar blijft
- Een beeldtaal: foto's, illustraties, iconen
- Contrast getoetst, zodat iedereen het kan lezen
Bijvoorbeeld
Een huisstijl uit 2012 die prachtig drukt, maar waarvan de lichtgrijze tekst op een scherm het contrast niet haalt. Wat mee kan, en wat een schermversie nodig heeft.
Hoe het werkt
- 01
Richting
Vanuit het merkverhaal een paar moodboards met kleur, letter en beeld, naast je concurrenten gelegd.
- 02
In het echt
We zetten de gekozen richting op echte schermen en drukwerk: een startpagina, een factuur, een post.
- 03
Vastleggen
Kleuren met hun codes, letters met hun maten, beeld met voorbeelden. Klaar voor het merkboek en de code.
Wat je krijgt
Een huisstijl die op het scherm werkt, vastgelegd als tokens waar ontwerp en code allebei uit lezen.
Wat we van je nodig hebben
- Het merkverhaal en het logo
- Voorbeelden van stijlen die je mooi vindt, en waarom
- De plekken waar de huisstijl het meest gezien wordt
Zo begin je
Deze dienst zit in de routes Klantervaring verbeteren en Nieuw product lanceren. Daar zit hij in de sprints waar hij nodig is. Na de livegang zet je hem in met een losse sprint, en klein beginnen kan met een van de losse diensten. Elk uur kost € 100.
Of begin klein
Vragen
Waarom testen jullie een huisstijl op een scherm?
Omdat een huisstijl die mooi is op een poster soms onleesbaar is in een app die de hele dag open staat. Wij ontwerpen voor allebei.
Voldoet de huisstijl aan toegankelijkheidsregels?
We toetsen het contrast van tekst en achtergrond aan WCAG AA, zodat je kleuren ook werken voor mensen die minder goed zien.
Kunnen we de huisstijl zelf verder gebruiken?
Ja. Je krijgt de tokens, de bestanden en de regels, en met een merkboek en sjablonen kan je team er zelf mee verder.
Lees ook
Wil je even gratis sparren over een huisstijl die werkt op scherm?
Waar loop jij tegenaan in je bedrijf? Wat kan beter? Wat kan sneller? En wat doet iemand nog elke week met de hand?
- Een halfuur sparren over jouw idee, gratis
- Ontdek welke route het beste werkt voor jouw bedrijf
- Krijg een ruwe inschatting van de prijs en het aantal weken
„Een Google Maps voor ons magazijn, met filemelding bij stelling 12.”
Distributiecentrum, Waalwijk
Vertel me je probleem, je geniale idee of stel gewoon wat vragen!
Alexander Kaan, product designer