Doorontwikkelen ontwerp Kadaster Design Systems

Het Kadaster ontwikkelt en beheert de twee Design Systems voor de huisstijlen van de webapplicaties van zowel het Kadaster (‘Kadans’), als voor het Digitaal Stelsel voor de Omgevingswet (‘DSO Toolkit’). In de Design Systems worden de huisstijl-bouwblokken voor de afnemers ontwikkeld en ze bewaken de toepassing van de wettelijke regels rond toegankelijkheid van Kadaster en DSO websites. Een Design System is de basis voor het eenduidig en consequent ontwerpen en bouwen volgens een gewenste ‘look and feel’ en de overheidsrichtlijnen voor web toegankelijkheid, in een centrale architectuur. Alle teams die Kadaster- of DSO webapplicaties bouwen, maken gebruik van de Design Systems van het Kadans-team.

De afnemers van de Kadans-producten zijn de (frontend) ontwikkelaars bij de teams die de gebruikerstoepassingen bouwen. Bij de afnemers van de DSO Toolkit zijn er ook teams bij partners buiten het Kadaster.

De DSO Toolkit is de herbruikbare componenten bibliotheek van het DSO design system en is open source. De componenten worden aangeboden als HTML/CSS componenten en Web Components.

Je opdracht loopt van 01-03-2025 t/m 31-12-2025 en je gaat als Design System Business Analist drie features realiseren voor Kadans en de DSO Toolkit:

• (Q2 2025) Opzetten van het Kadans Design System en de diverse daarbij horende onderdelen (zoals tokens en Figma), naar de structuur zoals die gebruikt wordt bij de DSO Toolkit.
• (Q3 2025) Voorbereiden van de implementatie van de DSO STOP/TPOD standaarden in de DSO Toolkit. Analyse welke aanpassingen nodig zijn en welke componenten.
• (Q4 2025) Analyse van en voorstel voor een alternatief voor ShadowDOM/iframe.

Belangrijkste technieken, methoden en tools

• SCSS met Sass modules, post processing door PostCSS;
• De Web Componenten worden met Stencil gemaakt;
• Storybook 7 met lit-html;
• Git repository met Yarn Workspaces en Nx;
• Prettier en ESLint;
• Cypress;
• Figma.

Verantwoordelijkheden

De belangrijkste verantwoordelijkheden zijn

• Opzetten van het Kadans Design System en de daarbij horende onderdelen, volgens de structuur van de DSO Toolkit;
• Voorbereiden van de implementatie van de DSO STOP/TPOD onderdelen in de DSO Toolkit. Analyse welke componenten op welke manier moeten worden aangepast;
• Analyseren van en voorstel voor een alternatief voor ShadowDOM/iframe;
• Jouw diepgaande kennis van moderne frontend Design System implementaties en van de DSO presentatie standaarden zijn van groot belang voor het succesvol afronden van deze opdracht.

De op te leveren resultaten zijn

• 30-06-2025 opleveren van de basis structuur voor het Kadans Design System;
• 30-09-2025 opleveren van de analyse voor de toepassing van de STOP/TPOD standaarden in de DSO Toolkit, zodat een ontwikkelaar dit kan implementeren;
• 31-12-2025 opleveren van jouw voorstel voor de vervanging van ShadowDOM/iframe.