centraalbeheer
centraal-beheer-logo

UX ART DIRECTION & DESIGN SYSTEM

Opzetten, ontwerpen en presenteren van een overkoepelend Design System en het geven van workshops en presentaties over designdenken.

UX ART DIRECTION

Opzetten en ontwerpen van een overkoepelend Design System.

De uitdaging

De gehele online afdeling bij Centraal Beheer stond voor de uitdaging om te migreren naar een nieuw content management systeem. Door de jaren heen zijn er allerlei dubbele componenten, verschillende stijlen en diverse oplossingen gebruikt terwijl een website zo consistent mogelijk opgezet moet worden voor de beste gebruiker- en klantbeleving. Een grote opruiming stond voor de deur.

strategy

De oplossing

Een speciaal team werd opgezet met als taak om alle patterns en componenten klaar te zetten zodat de scrum teams hun eigen pagina's eenvoudig konden verhuizen. Dé kans om als UX/UI Art Director alle componenten onder de loep te nemen en op zoek te gaan naar dubbelingen, verwarrende patterns en inconsistenties in stijl en functionaliteit. Samen met de frontenders, architecten en andere UX Designers heb ik een nieuw design system/pattern library opgezet en deze 'nieuwe goede boodschap' met de werknaam Magnesia verkondigt aan de designers en andere online communities. 


magnesia-dsm

BOUWEN MET BLOKKEN

Ik heb een structuur bedacht van layouts, 'strips', componenten, elementen en stijl zodat helder is hoe de onderdelen op een pagina eigenlijk heten. Een layout is de basis en de componenten (zoals een formuliertje) en de elementen (zoals een button) kunnen er naar toe gesleept worden. Wel zo ordelijk.

BOUWEN MET BLOKKEN

Ik heb een structuur bedacht van layouts, 'strips', componenten, elementen en stijl zodat helder is hoe de onderdelen op een pagina eigenlijk heten. Een layout is de basis en de componenten (zoals een formuliertje) en de elementen (zoals een button) kunnen er naar toe gesleept worden. Wel zo ordelijk.

EEN DUIDELIJKE TAAL

De primaire_button voor UX Designers, is de primaire_button voor Frontenders, Backenders, Copy Writers en eigenlijk iedereen die in de organisatie werkt aan de pagina's van het CMS. Geen verwarrende namen zoals 'die grote button' of 'die oranje knop' meer, maar een consistent naam van Sketch-bestand tot aan stylesheet: 

EEN DUIDELIJKE TAAL

De primaire_button voor UX Designers, is de primaire_button voor Frontenders, Backenders, Copy Writers en eigenlijk iedereen die in de organisatie werkt aan de pagina's van het CMS. Geen verwarrende namen zoals 'die grote button' of 'die oranje knop' meer, maar een consistent naam van Sketch-bestand tot aan stylesheet: 

button
elmar-haneveld-design_system

Naar een betere beleving

Doordat alle patterns en componenten opgeruimd werden, ontstonden er nette, consistente pagina's. Een productpagina heeft een titel, subtitel, UBR's, primaire button, afbeelding en quicklinks (Zelf regelen). Zo herkent de klant de pagina's en komt degene niet voor verrassingen te staan.

Naar een betere beleving

Doordat alle patterns en componenten opgeruimd werden, ontstonden er nette, consistente pagina's. Een productpagina heeft een titel, subtitel, UBR's, primaire button, afbeelding en quicklinks (Zelf regelen). Zo herkent de klant de pagina's en komt degene niet voor verrassingen te staan.

productpagina-cb

Dit was slechts een korte indruk.

Ik heb ook gewerkt aan:

  • Opzetten van de juiste tools en werkwijzes rondom de migratie en design system thinking
  • Art Direction van de hele UX designcommunity
  • Opfrissen van het visual design van de website
  • Stakeholders en online communities enthousiasmeren
  • Meedenken bij de virtuele assistent, funnels en 2030-toekomst concepten

Meer zien?

Ik kan vrijblijvend een presentatie geven over mijn werk bij Centraal Beheer en design systems in het algemeen.
Zie hier hoe je contact met me op kunt nemen.

Meer zien?

Ik kan vrijblijvend een presentatie geven over mijn werk bij Centraal Beheer en design systems in het algemeen.
Zie hier hoe je contact met me op kunt nemen.

Kijk ook eens naar

GivtArt Direction

Centraal BeheerArt Direction

TomTom SportsArt Direction

2020 ® ZIJN en TIJD - NL001795850B48 - KVK 32127199 - Elmar Haneveld - Privacybeleid