Design system componenten

🔷 Uitdaging

De informatieve blokken op de website van Geld.nl verschilden sterk in vorm, structuur en gebruik. Hierdoor ontstond er weinig consistentie tussen pagina’s en was het voor bezoekers lastiger om informatie snel te scannen. Daarnaast werd het voor content- en development teams moeilijker om pagina’s efficiënt op te bouwen. De uitdaging was om meer structuur en schaalbaarheid te creëren zonder de flexibiliteit van de content te verliezen.


🔷 Aanpak

▸ Analyse van content en gebruik: Ik onderzocht welke soorten content het meest voorkwamen op de website en hoe bezoekers hiermee omgingen. Dit hielp bepalen welke blokken het meest waardevol waren om te standaardiseren.

▸ Ontwerp van modulaire componenten: Op basis van UX-principes ontwierp ik een set herbruikbare blokken met een duidelijke visuele hiërarchie. Deze blokken werden onderdeel van het design system, zodat ze consistent gebruikt kunnen worden op verschillende pagina’s.

▸ Samenwerking met product en development: Samen met content, product en development werkte ik de componenten uit en zorgde ik dat ze praktisch toepasbaar waren in de website. Hierdoor konden nieuwe pagina’s sneller en consistenter worden opgebouwd.


🔷 Resultaat

De nieuwe blokken vormen nu een vaste set componenten binnen het design system van Geld.nl. Dit zorgt voor meer consistentie in de interface, een rustiger pagina-ontwerp en een betere scanbaarheid van content. Tegelijk kunnen teams efficiënter werken doordat pagina’s sneller en consistenter opgebouwd kunnen worden.