19 februari 2024 4 min

Sneller innoveren met het Design System van bol

Behind the screens met Rens en Redmar

Vier jaar geleden startte bol met de ontwikkeling van een eigen Design System. Het ultieme doel? Snellere innovatie mogelijk maken op een schaalbare manier. Product Designer Rens en Product Manager Redmar maken inmiddels beiden onderdeel uit van ‘Team Unicorn’, en vertellen ons alles over de ontwikkeling en de bouw van het ambitieuze project. “Op dit moment draaien er al 150 interfaces op ons Design System, maar we zijn nog lang niet klaar. Zolang de markt, de technologie en bol blijven evolueren, evolueren wij mee.”

Bouwen met legoblokjes

Een Design System – wat is het precies en waarom moest het er komen? Rens vertelt: “Aan vrienden en familie leg ik vaak uit dat we de ‘legoblokjes’ bouwen die zich achter een product bevinden; denk hierbij aan invoervelden of buttons. Daarbij maken we gebruik van design tokens, die de kleur of het type van een blokje of button bepalen. Waar dit soort design-componenten hiervoor verspreid over de organisatie werden aangepast, leggen we ze nu vast op één centrale plek. Dat scheelt enorm veel tijd, creëert consistentie, en stelt de organisatie in staat sneller te innoveren.” 

Onlangs werd de nieuwe visuele identiteit van bol geïmplementeerd. Direct een mooi moment voor het Design System om te shinen. Rens vertelt enthousiast: “Wijzigingen op het allerkleinste niveau – bijvoorbeeld van ‘bol-blauw’ naar iets donkerder blauw – werden eenmalig in het Design System doorgevoerd en meteen over de hele organisatie verspreid en aangepast waar nodig. Op zo’n moment zie je 1-op-1 de toegevoegde waarde van wat we aan het doen zijn.”

Trots op wat we doen

Terwijl Rens zich voornamelijk richt op design, past Redmar zijn vaardigheden op een heel ander vlak toe. “Als Product Manager bepaal ik de richting die we op gaan, en besluit ik welke stappen we zetten om daar te komen. Waar deze rol binnen andere organisaties waarschijnlijk zou worden opgepakt door iemand met een design-achtergrond, zag bol in dat juist mijn ervaring met data-gedreven werken heel waardevol is voor het project. Het is namelijk essentieel om te kunnen aantonen dat wat we doen, ook daadwerkelijk resultaten oplevert.”

Om op basis van behoeften de juiste aanpassingen en features door te voeren, schakelen zowel Rens als Redmar voortdurend met designers en software engineers binnen de organisatie. Rens vertelt: “Waar ik misschien wel het meest trots op ben, is onze recent vernieuwde tabel-component. Deze was qua code totaal uit z’n voegen geraakt en daardoor moeilijk te onderhouden en te implementeren. Na het in kaart brengen van de behoeften zijn we verschillende losse onderdelen gaan samenvoegen en hebben we ze volledig herbouwd. Ik kan wel zeggen dat het ons meest ambitieuze project tot nu toe was maar ook ons meest succesvolle; binnen alle interfaces die gebruikmaken van het Design System, wordt dit vernieuwde component het meest gebruikt.”

Redmar: “Wanneer je met elkaar zo’n ambitieus project oplevert, geeft dat echt een kick. We hebben het dan ook uitgebreid gevierd met een release party inclusief taart. Successen moet je vieren, en daar is gelukkig genoeg ruimte voor bij bol.”

Successen moet je vieren, en daar is gelukkig genoeg ruimte voor bij bol

Redmar Verboom, Product Manager

Een sterke community

Naast het vieren van en werken aan lopende projecten, wordt er binnen de verschillende teams nog regelmatig bijgeleerd. Redmar deelt: “Toen ik bij bol solliciteerde, was ik echt op zoek naar een plek om te groeien en mezelf te kunnen ontwikkelen. Ik kan wel zeggen dat ik dat inmiddels helemaal gevonden heb. Je kunt hier bijvoorbeeld gebruik maken van een trainingsbudget, er zijn boekenclubs beschikbaar, en je kunt regelmatig conferenties bijwonen. Ook hebben we onlangs op eigen initiatief een Design Systems-middag georganiseerd, waarbij we met engineers, designers en externe sprekers samen kwamen om te leren en te sparren. Dat bol je de ruimte geeft om zulke initiatieven op te zetten vind ik super waardevol en uniek.” 

Rens vult aan: “De community bij bol is heel sterk. Toen ik hier begon, merkte ik al direct dat iedereen super behulpzaam is; geen vraag is te veel. Dit helpt mij enorm in m’n rol als Product Designer, aangezien ik voortdurend schakel tussen software engineers, designers en directe collega’s. De communicatie is heel open en de behoeften worden daardoor al snel duidelijk.

Grootse mogelijkheden

Waar zien Rens en Redmar nog kansen voor het bol Design System? “Ons systeem is voortdurend in beweging, net als bol zelf. Daarbij letten we altijd op schaalbaarheid: hoe kunnen we iets ontwikkelen wat niet alleen interessant is voor één team, maar voor meerdere afdelingen binnen de organisatie? We werken momenteel aan een nieuwe interface voor onze adverteerders, en willen ons gaan focussen op design-verbeteringen voor websitebezoekers met een visuele beperking. Design Systems worden steeds belangrijker binnen grote organisaties, en ik zie alleen maar heel veel kansen en mogelijkheden voor de toekomst.”