Front-end Developer

Stadsplateau 1, 3521 AZ Utrecht, Nederland

Sluit over 12 dagen
115 Utrecht

Begindatum:

Z.S.M.

Einddatum:

31 dec 2025

Uren per week:

16

Publicatiedatum:

24 jul 2025

Omschrijving

De ICT-afdeling van de gemeente Utrecht zoekt een ervaren en betrokken front-end developer om het beheer van het Design System van de gemeente Utrecht naar een hoger niveau te brengen. De werkzaamheden bestaan uit het ontwikkelen en verbeteren van toegankelijke webcomponenten voor utrecht.nl, het Digitaal Loket en online formulieren. Je werkt samen met Team UX aan het oplossen van toegankelijkheidsissues, het verbeteren van bestaande componenten en het moderniseren van de StoryBook-omgeving.

Ontwikkelen en verbeteren webcomponenten
Het ontwikkelen van belangrijke generieke web-componenten, beschrijven van ontwerpprincipes en toegankelijkheid waarborgen voor onze belangrijke digitale kanalen (utrecht.nl, Digitaal Loket en formulieren)

  • Bestaande bugfixes leveren met hoge prioriteit voor verbeteren van de toegankelijkheid

  • Verbeteren van grid-layout, hoofdmenu, mobiel menu

  • Verbeteren componenten zoals: accordion, cards, spotlights, social media buttons en toptask-buttons

  • Op alle kanalen dezelfde front-end (CSS/HTML/javascript) output technieken gebruiken

  • Toepassen van het nieuwe lettertype (Noto Sans) op alle digitale kanalen

  • Ondersteunen van doorontwikkelingen vanuit andere projecten die componenten
    gebruiken van het NL Design System.

Up to date brengen en overzichtelijk maken van StoryBook
Wij gebruiken StoryBook als opensource en centrale online bibliotheek waarin alle herbruikbare front-end componenten overzichtelijk worden gepresenteerd en gedocumenteerd. Dit is essentieel voor beheerders en ontwikkelaars om snel componenten te vinden, kwaliteit te bewaken en efficiënt door te ontwikkelen. https://nl-design- system.github.io/utrecht/storybook/

  • Updaten naar actuele versie (we lopen nu twee versies achter, geeft kans op verstoring)

  • Verbeteren van de structuur, overzicht en vindbaarheid zodat StoryBook makkelijker te gebruiken is

  • Instructies maken voor webmasters/beheerders voor een zelfstandiger beheer, zodat de beheerder zelfstandig updates kunnen uitvoeren en ondersteuning kunnen bieden aan leveranciers

  • StoryBook op designsystem.utrecht.nl onderbrengen

Automatisch testen van front-end componenten
Automatisch testen zorgt ervoor dat we eerder en sneller fouten vinden in componenten,
voordat deze op een productie-omgeving een probleem zorgen.

  • Implementeren visuele regressietesten (Chromatic via GitHub)

  • Verbeteren automatische WCAG-toegankelijkheidstesten via GitHub

  • Onderzoeken of het mogelijk is aan te sluiten bij automatische testen vanuit DomstadIT

Eisen

  • In de afgelopen 5 jaar de volgende vaardigheden en ervaring opgedaan:

  • Ervaring met Git (3 jaar)
    o a. toepassen van een Git rebase workflow
    o b. het doen van atomic commits;
    o c. merge conflicts vermijden en oplossen.

  • Begrijpbare en leesbare documentatie opleveren voor functioneel beheerders (1 jaar)

  • StoryBook (1 jaar)

  • Werken met en bijdragen aan Open Source systemen (3 jaar)

  • CSS/SCSS/HTML/Javascript (3 jaar)

  • Typescript (3 jaar)

  • Front-End ervaring (4 jaar)

  • React/NodeJS (2 jaar)

  • Ervaring met het ontwerpen en bouwen van toegankelijke componenten (3 jaar)

  • Ervaring met NL Design System en Design Tokens (2 jaar)

  • Ervaring met omzetten van Figma ontwerpen naar code is een pre

  • Werken met grote gemeenten en/of overheidsinstellingen is een pre

  • Automatisch testen van front-end componenten (1 jaar)

  • Toepassen van WCAG-toegankelijkheidseisen met technologie zoals HTML en WAI-ARIA.
    Heeft gewerkt aan meerdere projecten waar de kandidaat actief aan toegankelijkheid
    heeft bijgedragen.

Wensen en competenties

Niet bekend

Organisatie en team

Je werkt samen met de NL DesignSystem community, team UX en Webmasters van DomStadIT en richt je werkzaamheden naar eigen inzicht in. Je kan zelfstandig werken en beslissingen nemen. Je betrekt de belangrijkste stakeholders op de momenten dat ze geïnformeerd moeten worden of een beslissing moeten nemen. Je werkt transparant en geeft duidelijk beschrijving van je werkzaamheden aan de issues via GitHub.

Als gemeente Utrecht geloven wij dat een diverse organisatie zorgt voor meer innovatie, creativiteit en een betere samenwerking. Om die reden streven wij ernaar om een zo’n inclusief mogelijke organisatie te zijn.

Ben je benieuwd hoe wij dat doen? Lees meer over onze diverse en inclusieve organisatie.

Gemeente Utrecht heeft het voornemen om per mei 2026 gebruik te maken van een broker. Indien dit voornemen wordt gerealiseerd, zullen de overeenkomsten die doorlopen na 1 november 2026 via de broker worden gehercontracteerd. De hercontractering zal in dat geval plaatsvinden in oktober/november 2026. Bij deze hercontractering blijven de inhuurtermijn en het tarief ongewijzigd

Gespreksinformatie

Niet bekend

Overige informatie

Benodigd aantal professionals: 1

Niet bekend

Meer informatie
Hieronder vind je meer informatie over het aanmeldproces en antwoorden op veelgestelde vragen. Niet gevonden wat je zoekt? Neem dan contact op met Ernst Schoneveld via 06 29 30 84 22 / ernst.schoneveld@kbenp.nl.
Help
Contact
Help
Hoe werkt het?
Veelgestelde vragen
Wil je even sparren met een van onze adviseurs?
Neem contact op met onze opdracht adviseur over de opdracht. Je kunt natuurlijk ook contact opnemen via de contact pagina.
Senior Adviseur Ernst Schoneveld
Ernst Schoneveld
Senior Adviseur