Homepage Open Sollicitatie / Inschrijven

logo

Bekijk alle vacatures

Front-end developer – Theme Wizard

Den Haag, Zuid-Holland
Voor onze klant ICTU zijn wij op zoek naar een Front-end developer – Theme Wizard
Start 22-09-2025
Einddatum 31-12-2027
Optie op verlenging Ja
Uren per week 36
Locatie Den Haag + Remote
Bijzonderheden Deze aanvraag is niet geschikt voor een ZZP'er. 3 CV's kan ik aanbieden echter 1fte wordt er gevraagd
Tarief 115 Euro p/u ex. BTW all-in
Deadline 02-09-2025 om 09.00
 
Gewenste profiel
 Beschrijving project/programma: 
 ICTU werkt aan een betere digitale overheid, voor en samen met andere overheidsorganisaties.  
 
Met de NL Design System aanpak verzamelen we richtlijnen, componenten en voorbeelden om robuuste websites en webapplicaties voor de overheid te bouwen. Dit wordt gedaan binnen een multidisciplinaire groep professionals die samen het NL Design System Kernteam en het Expertteam Digitale Toegankelijkheid vormen.   
 
De componenten en richtlijnen van NL Design System zijn open source beschikbaar op GitHub en Figma, zodat iedereen ze kan gebruiken voor een begrijpelijke, gebruiksvriendelijke én toegankelijke onlinedienstverlening.  
 
Met het Expertteam Digitale Toegankelijkheid worden concrete oplossingen gebouwd om het eenvoudiger te maken voor overheidsorganisaties om toegankelijke websites en webapplicaties aan te bieden.  

Omschrijving einde project/programma: 
Het project is ten einde wanneer de opdrachtgever de opgeleverde resultaten heeft geaccepteerd en een inhoudelijke decharge heeft verleend. Is het geval wanneer de klant en een landingsplaats heeft voor alle activiteiten en instrumenten van NL Design System, zijn overgedragen aan de betreffende beheerpartij en nazorg is uitgevoerd.  
 
Welke rol heeft de professional binnen het project/programma: 
De opdracht bestaat uit het ontwikkelen van Node.js servers en open source libraries voor een website, waarmee het voor overheidsorganisaties makkelijk wordt om een toegankelijke huisstijl vast te leggen en te gebruiken met NL Design System.

Zo help je mee om de toegankelijkheid in Nederland te verbeteren met de hulpmiddelen die het expertteam maakt en draag je bij aan de doorontwikkeling van NL Design System als overheidsbreed open source white-label design system.

De activiteiten die horen bij het realiseren van de opdracht zijn:
  • Ontwikkelen van een web scraper voor HTML, CSS, assets en screenshots van websites, om design tokens te genereren.
  • Ontwikkelen van web scraper server met REST API.
  • Ontwikkelen van een stijlgids template, waarmee meerdere huisstijlen ontwerpbeslissingen kunnen vastleggen en delen.
  • Het verbeteren van de software op basis van feedback van toegankelijkheidsspecialisten, het NL Design System-kernteam en gebruikersonderzoek.
  • Ontwikkelen van server-infrastructuur die past bij de benodigde capaciteit in de NL Design System community.
  • Ontwikkelen van validatie-regels om de toegankelijkheid van een huisstijl te meten.
  • Het vastleggen van kansen voor verbetering en technical debt in de backlog van het project.
  • Vers & veilig houden van de templates door maandelijks code dependencies te updaten.
  • Het in samenspraak met andere professionals uit het Expertteam Digitale Toegankelijkheid ontwikkelen en begeleiden van ontwikkelen en begeleiden van (online) workshops over een toegankelijke huisstijl ontwikkelen.
  • In overleg met professionals uit het Expertteam Digitale Toegankelijkheid activiteiten uitvoeren voor valideren en uitbreiden van de templates, patronen en documentatie door middel van: 
  • Een keer in de 2 weken: Sprint planningen.
  • Indien nodig: Refinements in een privé Slack Huddle van het Expertteam Digitale Toegankelijkheid.
  • Indien nodig: reviewen van pull requests van andere experts uit het project om vroegtijdig feedback te geven vanuit eigen expertise.
  • Voortgang delen in het privé Slack kanaal aan het Expertteam Digitale Toegankelijkheid en de NL Design System Heartbeat.
  • Publieke Huddles om een nieuwe aanpak voor de templates, patronen of componenten van NL Design System te bepalen.

Welke deelresultaten zal de professional dienen te behalen gedurende de opdracht: 
  • Web scraper en stijlgids, per onderdeel van de huisstijl, waaronder typografie, kleuren en afmetingen.
  • Ranking-algoritme om de design tokens uit de web scraper te sorteren op relevantie, waarmee de gebruiksvriendelijkheid wordt verbeterd.
  • Geautomatiseerde tests om de toegankelijkheid van de huisstijl te testen, op te leveren per component, patroon en template.
  • Geautomatiseerde tests om de kwaliteit van de software te meten.
  • Open source npm package publiceren met herbruikbare tools voor design tokens controleren op toegankelijkheid.

Welke eindresultaten zal de professional aan het einde van de opdracht dienen op te leveren.  
  • Open Source tooling om op basis van een website URL huisstijl beslissingen voor een toegankelijk thema klaar te zetten als design tokens
  • Open Source tooling om de componenten, patronen en templates uit de Theme Wizard te automatisch te valideren op toegankelijkheid
  • Open Source tooling om op basis van beschikbare tokens automatisch een toegankelijk alternatief te suggereren
  • Open Source tooling om op basis van 1 achergrond en 1 voorgrond kleur een toegankelijke color scale te genereren
  • Documentatie waarmee het beheer van de tooling overgedragen kan worden.

De kandidaat:
  • heeft ervaring met het toepassen van herbruikbare componenten uit Design Systems of Component Libraries.
  • is pragmatisch en kan werk opdelen in kleine stappen en fases.
  • kan zonder code-duplicatie onderdelen hergebruiken, zodat verbeteringen zowel in de bestaande website als de nieuwe website kunnen worden gebruikt.
  • heeft uitgebreide ervaring met CSS. Bijvoorbeeld met CSS logical properties, CSS custom properties, CSS variables, calc() voor fluid font sizes, media queries, container queries, prefers-color-scheme, moderne CSS units, CSS gradients, system colors, animations en transitions.
  • heeft ervaring met het geoptimaliseerd laden van assets, zoals afbeeldingen, fonts en videos.
  • heeft uitgebreide ervaring met ECMAScript. Bijvoorbeeld met: ES Modules, import(), URL, async/await, Map, Set, map/filter/reduce, nullish coalescing, class, import.meta, Promises, Object entries, destructuring.
  • heeft ervaring met npm packages gebruiken, monorepositories en npm packages publiceren met semantic versioning.
  • heeft ervaring met Node.js en ES Modules om tooling te maken.
  • heeft ervaring met TypeScript in Node.js
  • heeft ervaring met REST APIs maken om data beschikbaar te maken waarmee webpagina’s gevuld kunnen worden.
  • heeft ervaring met unit tests en end-to-end tests voor front-end code. Bijvoorbeeld met Jest, Vitest, Cypress of Playwright.
  • beschikt over goede mondelinge en schriftelijke communicatieve vaardigheden.
  • werkt zelfstandig en bewaakt de eigen voortgang als onderdeel van de scrum planning.
  • is accuraat, werkt gedisciplineerd en is in staat om de veelheid en diversiteit aan werkzaamheden te ordenen en te prioriteren en stemt hierover af met de Product Manager. 
  • heeft ervaring met open source werken en vindt het vanzelfsprekend om alles (inclusief het proces) open en transparant te delen.
Eisen
Hierbij is het van belang dat de professional in de afgelopen 8 jaar: 
  1. 5 jaar ervaring met het ontwikkelen van CSS scraper tooling
  2. 5 jaar ervaring met het ranking van CSS values
  3. 5 jaar ervaring met het ontwikkelen van web scrapers
  4. 5 jaar ervaring met het ontwikkelen van een stijlgids
  5. 5 jaar ervaring met semantic versioning
  6. 5 jaar met front-end development
  7. 5 jaar met TypeScript
  8. 5 jaar met npm packages

Per eis geeft de kandidaat een uitleg op welke wijze aan deze eisen wordt voldaan. 
 
  1. Een korte motivatie te kunnen geven, waaruit blijkt dat:   
  • de kandidaat over een goede schriftelijke beheersing van de Nederlandse taal beschikt; 
  • de kandidaat goed mondeling kan samenwerken tijdens online en fysieke bijeenkomsten.
  • de kandidaat over een goede schriftelijke beheersing van de Engelse taal beschikt;   
  • de kandidaat bij wil dragen aan het NL Design System.   
  • Per wens het aantal jaar/projecten concrete ervaring dat de professional per wens heeft opgedaan in de context van deze aanvraag. 
Wensen
Nr Omschrijving Gewicht Beoordeling
W1 Aantoonbare ervaring in de afgelopen 5 jaar met samenwerken met UX-designers en bijgedragen aan gebruikersvriendelijke interfaces 10%
  • Maximaal 10 punten
  • 2 punten per aangetoond jaar
  • 0 punten – ontbreekt, niet aanwezig
W2 Aantoonbare ervaring in de afgelopen 5 jaar met ontwikkelen en onderhouden van open source projecten
 		 10%
  • Uitstekend - 10 punten  
  • Goed - 8 punten  
  • Voldoende - 6 punten  
  • Matig - 2 punten  
  • Slecht - 0 punten
W3 Aantoonbare ervaring in de afgelopen 5 jaar met een design system of componenten bibliotheek ontwikkelen
 		 10%
  • Maximaal 10 punten
  • 2 punten per aangetoond jaar
  • 0 punten – ontbreekt, niet aanwezig
W4 Aantoonbare ervaring in de afgelopen 5 jaar met schrijven van documentatie voor developers 10%
  • Uitstekend - 10 punten  
  • Goed - 8 punten  
  • Voldoende - 6 punten  
  • Matig - 2 punten  
  • Slecht - 0 punten
W5 Aantoonbare ervaring met het zelfstandig opzetten van nieuwe Node.js projecten 10%
  • Maximaal 10 punten
  • 2 punten per aangetoond project
  • 0 punten – ontbreekt, niet aanwezig
W6 De kandidaat toont aan over een pragmatische en oplossingsgerichte werkwijze te beschikken.

De weging wordt ook meegenomen in het gesprek.		 15%
  • Uitstekend - 10 punten  
  • Goed - 8 punten  
  • Voldoende - 6 punten  
  • Matig - 2 punten  
  • Slecht - 0 punten
W7 De kandidaat toont aan accuraat te werken om tot een toegankelijk en onderhoudbaar resultaat te komen.

De weging wordt ook meegenomen in het gesprek.		 15%
  • Uitstekend - 10 punten  
  • Goed - 8 punten  
  • Voldoende - 6 punten  
  • Matig - 2 punten  
  • Slecht - 0 punten
 
Prijs
Gewicht van prijs bij beoordeling 20%

Graag ontvang ik het CV van mogelijk passende kandidaten. Hou bij aanbieden rekening met de onderstaande punten (zonder deze info kan het CV helaas niet mee worden genomen in de selectie!):

1.Nederlandstalig CV (Word doc.) van max 5 a 6 pagina's. Indien een Engelstalig CV nodig is dan staat dit in de aanvraag bij de eisen vermeld.

2.Motivatie gericht op de vacature. Dit kan kort d.m.v. ja de ervaring heb ik opgedaan / de werkzaamheden heb ik gedaan in de perioden x  bij de organisaties y. Dus puntsgewijs per eis, wens en werkzaamheden (graag deze ervaring & werkzaamheden in het CV vermelden in de betreffende perioden).

Naast de puntsgewijze motivatie van de wensen ook het aantal punten er bij vermelden; zie kolom beoordeling, dit geldt alleen voor de ICTU aanvragen!

3.Volledige naam + de officiële voorletters zoals in het paspoort staat
4.Woonplaats
5.Geboortedatum
6.Vakantieplannen in de komende 3 maanden

Met vriendelijke groet,

Max Clarijs
FlexValue
+31612622521
max@flexvalue.nl
www.flexvalue.nl
 

Deel deze vacature

Powered by