NL Design System Nijmegen

De gemeente Nijmegen had behoefte aan een modern design system dat voldoet aan de richtlijnen van het NL Design System.

Wij ontwikkelden een volledig NL Design System inclusief componentenbibliotheek, richtlijnen en ondersteuning voor ontwikkelaars en ontwerpers.


NL Design System Nijmegen
01

De uitdaging

Gemeente Nijmegen werkte met inconsistente digitale stijlen verspreid over meerdere systemen en teams. Digitale toegankelijkheid was niet structureel geborgd en componentonderhoud kostte onevenredig veel tijd en afstemming.

De gemeente had behoefte aan één componentenbibliotheek die naadloos aansluit bij het nationale NL Design System. Zo bouwen ontwikkelaars en ontwerpers altijd vanuit dezelfde basis en is toegankelijkheid geen aparte opgave maar een vanzelfsprekend onderdeel.

35+

componenten

100%

open source en vrij herbruikbaar

02

De oplossing

Wij ontwikkelden de componenten van het design system en richtten een Storybook-omgeving in waarin elk component apart gedocumenteerd en getest wordt. Waar mogelijk hergebruiken we bestaande componenten uit de NL Design System community, bijvoorbeeld van de gemeente Utrecht en de gemeente Den Haag.

Nijmegen loopt voorop met het NL Design System. Componenten die nog niet bestonden ontwikkelden we zelf en stelden we publiekelijk beschikbaar. Zo bouwt de gemeente verder op een gedeelde basis en kunnen andere organisaties dezelfde componenten hergebruiken.

Techniek

  • Storybook
  • Web Components
  • Design Tokens
  • Vue
  • CSS
  • Figma
  • GitHub

"Met het design system werken onze teams vanuit dezelfde bouwstenen. Dat scheelt tijd, houdt onze diensten consistent en maakt toegankelijkheid vanzelfsprekend."

Voornaam AchternaamFunctie, Gemeente Nijmegen
03

Het resultaat

De volledige componentenbibliotheek staat open op GitHub en is te bekijken in een publieke Storybook-omgeving. Ontwikkelaars en ontwerpers werken vanuit één gedocumenteerde basis, waardoor nieuwe pagina's en applicaties sneller en consistenter gebouwd worden.

Door componenten uit de community te hergebruiken en eigen componenten terug te geven, draagt Nijmegen bij aan het landelijke NL Design System. Toegankelijkheid en consistentie zitten in de bouwstenen zelf, in plaats van dat ze achteraf worden toegevoegd.


Andere
projecten

Veiligheidsregio Zuid-Limburg
Eventloket

Veiligheidsregio Zuid-Limburg

  • Vergunningensysteem
  • Open-Source
  • ZGW-API's
  • Beheer

Een complete oplossing voor het proces van aanvraag tot vergunningverlening voor gemeenten, organisatoren en adviesdiensten. Gebouwd op ZGW API's met data bij de bron en een open architectuur. Bewezen in de praktijk en in productie bij 15 gemeenten.

Stichting Vierdaagsefeesten
Inschrijfsysteem Vierdaagsefeesten

Stichting Vierdaagsefeesten

  • Maatwerk applicatie
  • Service
  • Doorontwikkeling
  • Integraties

Een maatwerk inschrijfsysteem voor Stichting Vierdaagsefeesten. Organisatoren rondom de Nijmeegse Vierdaagse vragen er een pachttoestemming aan, waarna het hele proces tot en met de centrale vergunningaanvraag bij de gemeente Nijmegen digitaal verloopt.

HVC Groep
Meldingen Openbare Ruimte

HVC Groep

  • Meldingen
  • SaaS
  • Integraties
  • Service

Meldingen openbare ruimte vanuit 27 gemeenten via verschillende intake-kanalen gecentraliseerd naar één applicatie. Hierdoor kan HVC Groep het werkproces voor 8 vestigingen standaardiseren met vaste workflows, mobiel werken met 300+ chauffeurs en het bijsturen op realtime rapportages.

Gemeente Nijmegen
Meld & Herstel

Gemeente Nijmegen

  • Woweb meldingen
  • App
  • Integraties
  • Service

Eén centraal meldsysteem voor de openbare ruimte van de gemeente Nijmegen. Inwoners melden laagdrempelig via app, website of telefoon. Alle meldingen komen samen op één plek die sorteert, routeert, opvolgt en terugkoppelt. In productie sinds 2016 en grip op meer dan 45.000 meldingen per jaar.


Een vergelijkbaar project
in gedachten?

We denken graag met je mee over wat er mogelijk is voor jouw organisatie.