VNGR - front-end web developer

Over VNG Realisatie
De VNG representeert de ruim 300 Nederlandse gemeenten en werkt samen met haar afdelingen aan een krachtige lokale overheid. VNG Realisatie stelt daarbij de lokale uitvoering van de maatschappelijke opgaven door gemeenten centraal. Onder meer door actief te participeren in de netwerken van gemeenten en hun partners, door samenwerking te stimuleren via ‘samen organiseren’ en waar mogelijk standaarden te ontwikkelen die de dienstverlening van gemeenten verbeteren. VNG Realisatie draagt bij aan vier gemeentelijke speerpunten:

• werken als één overheid, met leden en partners, aan het oplossen van maatschappelijke vraagstukken op sociaal, fysiek en veiligheidsdomein;

• verbeteren van de dienstverlening;

• een efficiënte en wendbare organisatie;

• anticiperen op de toekomst.

Over Team Dienstverlening
Het team Dienstverlening ondersteunt vanuit VNG Realisatie gemeenten om kennis en uitvoeringskracht op het gebied van klantgedreven dienstverlening te bundelen. Met praktijkoplossingen, informatie en inspiratie, analyses en standaardisering bieden wij gemeenten handvatten om hun klantgerichtheid verder te verbeteren. Zodat gemeentelijke dienstverlening herkenbaar, effectief en efficiënt is voor inwoners en ondernemers. Het Team Dienstverlening is onderdeel van het basisteam ‘Informatievoorzieining en dienstverlening gemeenten’.

Omschrijving van de opdracht

Omnichannel
Als front-end webdeveloper speel je een cruciale rol in de verbetering van de digitale dienstverlening voor gemeenten binnen het Dienstverleningsdomein. Je start bij een van de projecten onder Omnichannel, deze projecten richten zich op het versterken van proactieve en transparante overheidsdiensten. Omnichannel heeft als doel gemeenten voor te bereiden op een basisniveau van digitale dienstverlening, met de mogelijkheid om door te groeien naar een hoger niveau van uitvoering. De focus ligt op het ontwikkelen van naadloze, gebruikersvriendelijke digitale kanalen die proactief en transparant zijn.

In jouw rol als front-end webdeveloper ben je verantwoordelijk voor het implementeren en ondersteunen van generieke digitale services die worden gebruikt voor de interactie tussen de overheid en burgers of ondernemers. Je werkt nauw samen met een team van diverse specialisten, waaronder het NLDS kernteam, UX-designers, architecten, privacyen securityexperts, en leveranciers. Daarnaast draag je bij aan de ontwikkeling van een uniforme en consistente gebruikerservaring voor gemeentelijke digitale diensten binnen de NLDS architectuur. Jouw werk draagt bij aan de adoptie van de MijnServices doordat de je de Services beschikbaar maakt in NLDS templates (webpagina’s binnen MijnOmgevingen) en patronen (Services die binnen webpagina’s binnen Mijnomgevingen worden ingezet).

Wij bieden je de kans om deel uit te maken van een dynamisch team waarin je samenwerkt met collega's van VNG Realisatie, het NL Design System kernteam en gemeentelijke leveranciers. Je draagt bij aan de ontwikkeling van innovatieve en schaalbare softwarecomponenten (templates en patronen) die breed toepasbaar zijn binnen gemeenten. Meer weten over het programma? Bekijk de details op vng.nl/omnichannel.

Werkzaamheden en verantwoordelijkheden
Als front-end developer werk je nauw samen met een UX-designer om gemeenten en leveranciers te ondersteunen bij het snel en eenvoudig inzetten van de MijnServices die voortkomen uit het prohect Samenwerkende Portalen. Jouw taak is om bestaande succesvolle webpagina's aan te passen zodat ze herbruikbaar zijn in verschillende applicaties, voor verschillende dienstverleners en hun huisstijlen.

Samen met de UX-designer maak je gebruik van componenten uit de NL Design System community om templates en patronen te ontwikkelen die voldoen aan de NLDS architectuur. Deze templates en patronen omvatten onder andere MijnZaken, MijnBerichten, MijnTaken, MijnContactmomenten, Notificeren, MijnProfiel, MijnProducten, enzovoorts. Het doel is om het proces voor gemeenten te vereenvoudigen, zodat zij deze “white label” templates gemakkelijk kunnen toepassen in hun eigen huisstijl.

Daarnaast ondersteun je anderen met behulp codevoorbeelden en documentatie. Je verzamelt feedback uit de praktijk om samen met gemeenten en hun leveranciers deze componenten , patronen en templates continu te verbeteren. Dit alles doe je in nauwe samenwerking met het NL Design System, de NL Design System community, de 40 pilotgemeenten en hun leveranciers.

Concrete werkzaamheden zijn:

• Configureren en beheren van een repository met Storybook voor templates en patronen, een componentenbibliotheek en GitHub Actions om npm packages te publiceren

• Samenwerken met de UX-designer om consistente templates en patronen te maken in Figma en in Storybook, zodat designers én developers ermee aan de slag kunnen in multidisciplinaire teams. Je maakt geen nieuwe componenten, maar je gebruikt zoveel mogelijk bestaande componenten uit de NL Design System community.

• Je gebruikt inzichten uit de praktijk van gemeenten en leveranciers om verbeteringen aan te brengen in de templates, de herbruikbaarheid van componenten en de documentatie. Hierbij houd je rekening met aandachtspunten zoals toegankelijkheid (WCAG), gebruiksvriendelijkheid.

• Je schrijft documentatie met aandachtspunten voor developers om tot een goed resultaat te komen, bijvoorbeeld met links naar NL Design System richtlijnen voor veel voorkomende problemen met toegankelijkheid.

• Je gebruikt Storybook om templates en patronen in meerdere huisstijlen te presenteren. Hierbij pas je je ervaring met design tokens toe om de huisstijl van gemeenten te vertalen naar een set goed onderhouden design tokens.

• In samenwerking met leveranciers reviewen of hun resultaat de doelen haalt van de aangeboden template. Zijn de resultaten zo gebruiksvriendelijk, inclusief en toegankelijk als bedoeld?

• Je installeert software-updates om de repository vers en veilig te houden (bijvoorbeeld van npm dependencies en GitHub Actions).

• Je verzamelt inzichten uit gebruikersonderzoek van de templates en patronen, past ze toe, en zorgt ervoor dat de templates en patronen gebruiksvriendelijk, inclusief en toegankelijk worden.

• Je legt uit hoe gemeenten hun huisstijl kunnen koppelen aan de NL Design System componenten, en zorgen dat zo veel mogelijk gemeenten mee kunnen doen.

• Je gebruikt je ervaring met WCAG success criteria om de templates te controleren op toegankelijkheid.

Samenwerken met mensen buiten je team is ook een belangrijk deel van de werkzaamheden:

• Je deelt je voortgang en ervaringen met de NL Design System community, bijvoorbeeld in de NL Design System heartbeat en Open Design hour.

• Je publiceert je code gelijk als open source zodat de community kan meekijken met de ontwikkelingen.

• Je bent ambassadeur van het project op Slack en GitHub en door publiek samenwerken zorg je voor een betrokken community.

• Je verzamelt feedback van gemeenten en leveranciers over de bruikbaarheid van templates.

• Je overlegt met het NL Design System kernteam over de uitdagingen die je in de praktijk tegenkomt bij adoptie van de templates, zodat sommige uitdagingen samen met méér teams uit de community opgelost kunnen worden.

• Bij webinars overtuig je organisaties van de voordelen van meedoen en samenwerken aan de templates en het hergebruik van NL Design System componenten.

• Op hackathons sta je teams bij met raad en daad, om te helpen met hergebruik van templates, patronen en componenten, en bij het ontwikkelen van thema's voor huisstijlen.

Eisen

• HBO werk -en denkniveau

• Aantoonbare ervaring met het ontwikkelen van webapplicaties met toegankelijke formulieren;

• Meer dan twee jaar ervaring met React voor het bouwen van webapplicaties en componenten;

• Meer dan twee jaar ervaring met ontwikkelen op basis van ontwerpen in Figma of vergelijkbaar;

• Meer dan twee jaar ervaring met het met toegankelijk ontwikkelen volgens de toegankelijkheidseisen WCAG 2;

• Ervaring met huisstijl instellen met design tokens

• Meer dan twee jaar ervaring met werken volgens de NLDS arhitectuur

• We gaan uit van gebruik van eigen telefoon en laptop.

Wensen

• Aantoonbaar, ervaring blijkend uit het CV, als webdeveloper aan projecten waarvoor een toegankelijkheidsverklaring is gemaakt (benoem 2 voorbeelden in motivatiebrief), binnen de NLDS architectuur.

• Ervaring met samenwerken met UX designers en bijgedragen aan gebruikersvriendelijke interfaces.

• Aantoonbaar, blijkend uit motivatiebrief ervaring met het gebruik van een design system oftewel het ontwikkelen en onderhouden van open source projecten.

• Aantoonbare netwerk, blijkend uit het CV ervaring met schrijven van documentatie voor developers (bijvoorbeeld in Storybook).