Front-end developer

gemeente Utrecht

image

max €115 per uur

Utrecht

16 uur p/w

ICT Informatievoorziening

23ste juli, 2025

6de augustus, 2025

DE OPDRACHTOMSCHRIJVING
ZZP of detachering

Korte 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.
Opdrachtomschrijving:
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-designsystem.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
Werkwijze
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. Je bent in staat om te gaan met een koerswijziging als prioriteiten van issues gedurende deze periode aangepast worden op basis van een veranderende situatie.
Resultaat van de opdracht
Deze opdracht kan worden afgerond als er binnen de beschikbare uren zoveel mogelijk punten uit de opdrachtomschrijving naar tevredenheid zijn afgerond.

Deze inhuuropdracht verloopt via een aanbesteding. De opdrachtgever heeft eisen en wensen opgegeven. Aan de eisen moet je voldoen om kans te maken. Op de wensen kun je punten scoren.

De Eisen
Is de kandidaat de afgelopen 2 jaar in loondienst geweest bij de Gemeente Utrecht voor dezelfde/vergelijkbare werkzaamheden?

De kandidaat moet in staat zijn om minimaal 50% per week vanaf een gemeente Utrecht locatie te werken.

Schrijf een motivatie t.b.v. deze opdracht en ga in op het gestelde profiel. (max 1/2 a4). Graag ontvangen wij een door de kandidaat zelf geschreven motivatie.

Dit criterium betreft een zogenaamde knock-out criterium. Dit betekent dat uw offerte enkel wordt beoordeeld wanneer de bovenstaande informatie volledig is ingevuld. Voor deze opdracht is het noodzakelijk om twee recente en relevante referenties aan te leveren. Dit mogen geen referenties van hetzelfde bedrijf zijn. Hierbij gaat het om de volgende informatie: 1. Naam organisatie: 2. Naam contactpersoon: 3. Afdeling en functie contactpersoon: 4. Telefoonnummer contactpersoon: Met het indienen van de referenties geeft u akkoord aan de Gemeente Utrecht om contact op te nemen met de referenten.

Heeft u bij vraag 1.1.3. 'ZZP Rechtstreeks' ingevuld en heeft u gedurende de afgelopen 12 maanden voor meer dan 70% van de tijd (25 uren per week of 8 maanden per jaar) gewerkt als rechtstreekse zzp’er (zonder bemiddeling en/of detachering door een bureau) bij de gemeente Utrecht?

De hierna volgende open vragen zijn bedoeld om de kandidaat te beoordelen. Het is daarom niet toegestaan dat hiervoor gebruik wordt gemaakt van AI. U verklaart hier geen gebruik te maken van AI. - Gebruik gemaakt van AI - Geen AI gebruikt

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

Begrijpbare en leesbare documentatie opleveren voor functioneel beheerders (1 jaar). Beschrijf deze vaardigheden en ervaring.

Storybook (1 jaar). Beschrijf deze vaardigheden en ervaring.

Werken met en bijdragen aan OpenSource systemen (2 jaar). Beschijf deze vaardigheden en ervaring.

CSS/SCSS/HTML/Javascript (2 jaar) Beschijf deze vaardigheden en ervaring.

Typescript (3 jaar). Beschrijf deze vaardigheden en ervaring.

Front-end ervaring (4 jaar). Beschrijf deze vaardigheden en ervaring.

React/NodeJS (2 jaar) Beschfrijf deze vaardivgheden en ervaring,.

Ervaring met het ontwerpen en bouwen van toegankelijke componenten (3 jaar),. Beschrijf deze vaardigheden en ervaring,.

Ervaring met NL Design System en Design Tokens (2 jaar). Beschijf deze vaardigheden en ervaring.

Automatisch testen van frond-end componenten (1 jaar). Beschrijf deze vaardigheden en ervaring.

Toepassen van WCAG-toegankielijkheidseisen met technologie zoals HTML en WAI-ARIA. Heeft gewerkt aan meerdere projeen waar de kandidaat atief aan toegankelijlkheid heeft bijgedragen. Beschrijf deze vaardigheden en ervaring.

Je CV is max 3 pagina's enkelzijdig en toont een volledig overzicht van je werkzaamheden tot dusver. Het CV dient ter verificatie van de antwoorden op voorgaande vragen en wordt inhoudelijk beoordeeld op kwaliteit. Daarnaast vermeldt het CV huidige nevenfuncties (bezoldigd en onbezoldigd) zodat de vacaturehouder mogelijke belangenverstrengeling kan uitsluiten. Je CV is in het Nederlands opgesteld en in Pdf-formaat.
De Wensen
Wij werken met flexplekken. Van onze externe collega's verwachten wij dat zij telefonisch (eigen nummer) bereikbaar zijn.

Wij gaan ervan uit dat de kandidaat beschikbaar is voor een eventueel persoonlijk gesprek op de tijdstippen, genoemd in het profiel.

Kandidaat heeft HBO werk en denkniveau. Motiveer waarom kandidaat hieraan voldoet.

Is de aangeboden kandidaat een zzp’er en wordt deze rechtstreeks voorgesteld (zonder bemiddeling en/of detachering door een bureau)? Indien 'JA' wordt ingevuld bij deze vraag, dan ga je akkoord met onderstaande 7 zzp-voorwaarden en ga je akkoord met periodieke controles hierop, die minimaal één keer per 6 maanden door de gemeente zullen worden geïnitieerd. o De zzp’er werkt maximaal 70% van de gewerkte uren per jaar voor dezelfde klant of opdrachtgever (maximaal 25 uren per week of maximaal 8 maanden per jaar); o de zzp’er heeft minimaal 3 klanten of opdrachtgevers per jaar; o de zzp’er is zelfstandig wat betreft uitvoering van werk; o de zzp’er maakt gebruik van eigen materiaal (laptop, telefoon etc.); o de zzp’er is vervangbaar (bijv. in geval van uitval of ziekte); o de zzp’er factureert (en krijgt geen loonbetaling of anderszins een vergoeding); o de zzp’er krijgt niet doorbetaald voor niet-gewerkte uren (bijv. in geval van vakantie).

Wij gaan ervan uit dat de kandidaat gedurende het jaar voldoende rust neemt en daarom minimaal 4 weken vakantie neemt. Zonder expliciete toestemming van de opdrachtgever is het niet toegestaan om meer dan 48 weken op jaarbasis te factureren (eventueel omgerekend op basis van de werkelijke contractweken).

Ervaring met het omzetten van Figma ontwerpen naar code is een pre. Beschijf deze vaardigheden en ervaring.

Werken met grote gemeenten en/of overheidsorganisaties is een pre.
Interesse in deze opdracht?
Zo werkt onze dienstverlening
1
BINNEN 1 WERKDAG REACTIE
  • We beoordelen je CV om te zien of er een match is.
  • We controleren of je voldoet aan de eisen en wensen.
  • We onderzoeken op basis van data of je gewenste tarief concurrerend is.

Omdat het proces verloopt via een aanbesteding is het belangrijk dat je een goede kans maakt om de opdracht te winnen. Bij een match starten we het offertetraject, bij twijfel laten we dit binnen 1 werkdag weten.

2
INTRODUCTIE BIJ DE OPDRACHTGEVER

De procedure verloopt via een aanbesteding. De eerste introductie doen wij daarom op papier.

  • We werken samen een offerte uit waarin we toelichten waarom jouw profiel aansluit op de gestelde eisen en wensen.
  • We verzamelen de benodigde stukken indien gevraagd zoals referenties, diploma's, motivatiebrief, VOG etc...
  • Op basis van data bepalen we een kansrijk uurtarief voor de offerte. Jij hebt zelf natuurlijk het laatste woord in het biedingstarief.
3
AAN DE SLAG
ZZP

Wij houden van eerlijk en transparant zaken doen.
Als je aan slag gaat via Bij Oranje hanteren we de volgende voorwaarden:

  • We vragen 10% marge over je uurtarief voor de duur van de opdracht.
  • We betalen je factuur binnen 21 dagen, je hoeft dus niet op je geld te wachten!
  • Als jij je opdracht goed doet en daardoor bij de dezelfde opdrachtgever een nieuwe opdracht mag doen dan ben je daar volledig vrij in! We hanteren geen concurrentie-/ relatiebeding.
Detachering

Wij houden van eerlijk en transparant zaken doen.
Als je aan de slag gaat via Bij Oranje Detachering dan hanteren we de volgende voorwaarden:

  • We vullen samen een loonheffingsverklaring in en tekenen een overeenkomst van opdracht.
  • We rekenen 15% marge van je uurtarief voor de duur van de opdracht. Het resterende bedrag verlonen we volledig als brutoloon.
  • Binnen 21 dagen na het ontvangen van je getekende urenstaat, ontvang je de netto-betaling op je bankrekening. Je hoeft dus niet op je geld te wachten!
  • Als jij je opdracht goed doet en daardoor bij dezelfde opdrachtgever een nieuwe opdracht mag doen dan ben je daar volledig vrij in! We hanteren geen concurrentie-/relatiebeding.
Reageer direct
De opdracht sluit
06 augustus 2025 om 11:45
Je reactie ontvangen we graag minimaal 1 werkdag voor sluiting van de opdracht

Eventuele motivatie volgt in een latere fase

Akkoord geen bemiddelaar / bureau

Om de inhuurketen kort en transparant te houden kiezen wij ervoor om alleen direct met de zelfstandige te schakelen en niet met bemiddelende partijen.