Video's van Design Systems Week 2025

Hoe kunnen steden hun design systems transparanter, consistenter en gebruiksvriendelijker maken voor developers? De stad Wenen vond een antwoord in het Custom Elements Manifest (CEM) — een bestandsformaat dat custom elements beschrijft en web components makkelijker documenteerbaar en bruikbaar maakt in code editors.

In deze sessie laat Manuel Matuzović zien hoe Wenen CEM toepast om hun pattern library te documenteren en te onderhouden. Hij demonstreert hoe deze aanpak de bruikbaarheid, toegankelijkheid en samenwerking tussen teams verbetert.

TEDI is het design system voor de Estse publieke sector. Wat twee jaar geleden begon als een interne tool groeide al snel uit tot een systeem dat landelijk wordt gebruikt. TEDI verving het vorige design system VEERA uit 2018, dat geen componenten aanbood voor developers. In deze sessie deelt het TEDI-kernteam hun ervaringen: de successen en de uitdagingen. Ze laten zien hoe het systeem technisch is opgebouwd, hoe het team samenwerkt en hoe de design library zich heeft ontwikkeld.

Renate laat zien hoe componenten in het Community-gedreven NL Design System kunnen bijdragen aan toegankelijke websites, ook wanneer toegankelijkheid sterk afhankelijk is van context. Aan de hand van de Button-component legt ze uit welke rol toegankelijkheid speelt in het proces van Community component tot Candidate component binnen NL Design System.

NL Design System organiseert elke 2 weken een Heartbeat waar de laatste updates van het kernteam en uit de community worden gedeeld. Dit keer de Design Systems Week editie waarin de community vertelt waar zij aan samenwerken en waarom.

Gerben neemt ons mee in het proces van Rijkshuisstijl naar een online rijksidentiteit. Een inspirerend, strategisch verhaal dat laat zien hoe de Rijkshuisstijl Community bijdraagt aan een herkenbare, betrouwbare en inclusieve overheid door visuele communicatie te verbinden met strategie, samenwerking en technologie.

Aline deelt haar ervaring als actief lid van de Rijkshuisstijl Community. Samen met andere designers en developers brengt ze de gemoderniseerde Rijkshuisstijl tot leven in design én code, met behulp van design tokens en componenten uit de community. Ze laat zien hoe die samenwerking in de praktijk werkt, wat het oplevert en waarom het zo waardevol is om als overheid samen te bouwen aan één gezamenlijk design system.

Bryan deelt zijn ervaring met het opzetten van de MijnServices Community binnen NL Design System. Sinds 2024 werkt hij met UX-designers en developers aan ontwerpen, gebruikersonderzoek en templates voor het implementeren van toegankelijke overheidsportalen. Hij laat zien wat de winst is van deze community-samenwerking.

Egor neemt ons mee in de wereld van AI en design systems. Wat kunnen design systems al wél met AI en wat nog niet? Hij verkent hoe AI kan helpen bij het creëren en coderen, en waar we als ontwerpers en ontwikkelaars zelf de regie moeten houden. Van prototyping tot componentgeneratie: wat werkt echt en wat niet? Egor sluit af met een blik op de toekomst: hoe AI ons kan versterken in plaats van vervangen en wat dat kan betekenen voor de toekomst van design systems.

Het Helsinki Design System is een bekroond open-source project, beschikbaar in het Engels en gebouwd om voor iedereen toegankelijk te zijn. Deze sessie gaat in op wat er nodig is om een design system in de praktijk te documenteren en te schalen—met aandacht voor de echte uitdagingen van het beheren van documentatieworkflows, en hoe je samenwerking en consistentie waarborgt wanneer de nieuwste tools niet beschikbaar zijn. Ontdek waarom proces en mindset veel belangrijker zijn dan tools, en hoe doordachte documentatie het succes van een design system bepaalt.

Jeffrey neemt je mee in de rol van prototyping bij het ontwikkelen van digitale producten en diensten. Hij laat zien hoe je met low- en high-fidelity prototypes ideeën uitwerkt, test met gebruikers en waardevolle inzichten verzamelt voordat er iets wordt gebouwd. Ook toont hij hoe componenten, patronen en templates in Figma daarbij helpen, en hoe teams met verschillende doelen toch samen tot gedeelde inzichten komen. Deze sessie is interessant voor iedereen die meer wil leren over het gebruik van prototypes in combinatie met NL Design System.

Kimberly en Ted nemen je mee in universeel ontwerp: ontwerpen voor iedereen, met inclusie en toegankelijkheid in elke fase van het proces. Ze laten zien hoe je écht samen met je doelgroep onderzoekt en ontwerpt als volwaardige partners in het ontwerpproces. Naast een presentatie brengen ze drie tactiele toolkits mee die worden gebruikt in co-creatie. Deze hulpmiddelen helpen om gesprekken te openen, ideeën te verkennen en samen te werken aan ontwerpen die nog niet bestaan.

Claudia en Baukje nemen je mee in de vraag hoe je begrijpelijk uitlegt wat een algoritme doet en wat dat betekent voor burgers. Veel bestaande transparantie-instrumenten zijn nog onbekend of sluiten niet aan bij wat burgers willen weten. Juist op de momenten dat het ertoe doet—bijvoorbeeld tijdens het invullen van een formulier, in een portal of via een app—wordt vaak niets uitgelegd.

In deze sessie delen Claudia en Baukje de resultaten van gebruikersonderzoek van DUO, Kadaster, RVO, Universiteit Twente en InnoValor. Dit onderzoek heeft geleid tot de ontwikkeling van de Algoritmewijzer: een praktisch communicatie-instrument dat overheden helpt om burgers vroeg in de klantreis op een begrijpelijke manier te informeren over algoritmes. Je leert wat burgers écht willen weten, en hoe je dat kunt vertalen naar ontwerp, content en beeldtaal.

Loes deelt hoe het design system van de ANWB volledig is herbouwd en waarom dat nodig was. Ze vertelt over de fouten en kansen die daarbij aan het licht kwamen, en hoe het team ervoor heeft gezorgd dat het nieuwe design system toegankelijk is en bruikbaar voor klanten. Een inspirerend kijkje achter de schermen bij het vernieuwingsproces van een groot en vertrouwd merk.

Sinds 2020 is er in Luxemburg hard gewerkt aan drie testmethodes voor toegankelijkheid: web, mobiel en pdf. Deze praktische tests zorgen dat het makkelijker is om te checken op welke manier een website of webapplicatie aan de Europese Norm (EN 301 549) voor digitale toegankelijkheid voldoet. Deze tests zijn handig voor iedereen die met WCAG bezig is en worden nu zowel in Luxemburg als internationaal gebruikt als aanpak bij toegankelijkheidsaudits. Alain zal laten zien hoe deze testmethodes in de praktijk werken. Hij zal de belangrijkste voordelen belichten en uitleggen hoe je dit Open Source initiatief kan inzetten en eraan kunt bijdragen.

Schiphol heeft de ambitie om de beste digitale luchthaven ter wereld te worden, niet alleen voor reizigers, maar ook voor medewerkers. Achter de schermen werken dagelijks honderden collega’s aan een soepele werking van de luchthaven. Of het nu gaat om het voorspellen van wachttijden bij de paspoortcontrole met algoritmes of het rapporteren van veiligheidsincidenten via mobiele apps: design en data spelen een belangrijke rol in deze digitale oplossingen.

Het ontwerpen van tools voor intern gebruik vraagt om een andere aanpak dan het ontwerpen voor consumenten. Een belangrijk onderdeel van die aanpak is het Enterprise Design System van Schiphol. Dit systeem zorgt voor samenhang in de interne digitale producten en helpt om een hoge standaard te zetten voor productontwerp binnen de organisatie.

Tijdens deze sessie delen Joel Laumans en Pim Dieks het verhaal achter het ontstaan en de groei van dit design system. Het is een eerlijk verhaal over de uitdagingen, dilemma’s en successen die zijn opgedaan bij het bouwen aan een consistent digitaal fundament binnen een complexe organisatie.

Anton neemt ons mee in de verkenning van 1 digitale gebruikerservaring voor burgers en ondernemers. Hoe belangrijk is een consistente, herkenbare en betrouwbare interface daarbij, zoals NL Design System? Aan de hand van voorbeelden zoals MijnZaken en toekomstige scenario’s laat hij zien hoe algemene informatie gecombineerd kan worden met persoonlijk relevante context en slimme suggesties. Interessant voor overheidsorganisaties, UX’ers en beslissers die vooruit willen kijken.

Evalien deelt in haar sessie de lessen die DUO de afgelopen jaren heeft geleerd. Hoe breek je vertrouwen in je design system onbewust af, en belangrijker: hoe bouw je het weer op? Aan de hand van praktijkvoorbeelden vertelt ze over de problemen die zijn ontstaan en hoe DUO werkt aan oplossingen.

Robbert Broersma sluit Design Systems Week traditiegetrouw af met een live coding sessie. Hij bouwt iets nieuws met componenten uit NL Design System, laat zien hoe web components werken in de praktijk, en gaat de uitdaging aan om te laten zien wat er allemaal mogelijk is. Wat hij precies gaat bouwen? Dat weet hij zelf ook nog niet! Maar één ding is zeker: het wordt spectaculair. De perfecte afsluiter van een week vol design systems.