Repository navigation
Design Challenge
Opdrachtgever: Open Gemeenten
OpenGemeenten levert digitale dienstverlening en infrastructuur aan Nederlandse gemeenten. Een van onze producten is de gemeenteniconen: een rechtenvrije iconenset van 240+ iconen in vier varianten, die door meer dan 110 gemeenten wordt gebruikt en is opgenomen in het NL Design System.
We werken voor de publieke sector. Toegankelijkheid (WCAG), zorgvuldigheid en betrouwbaarheid wegen bij ons altijd zwaar. Houd daar in alle keuzes rekening mee.
We hebben een nieuwe website voor de iconenset gebouwd: gemeenteniconen.nl (nog niet live). Een groot deel van de opzet is met behulp van AI (Claude Code) tot stand gekomen. Voordat we live gaan, willen we de kwaliteit onafhankelijk laten toetsen én de website op een aantal punten verbeteren.
De kern van de opdracht valt uiteen in twee vragen:
- Is het goed gebouwd? Voldoet de website aan de belangrijkste principes van het web; toegankelijkheid, responsiveness en performance?
- Wordt het goed gevonden en werkt het goed? Hoe verbeteren we de vindbaarheid (wereldwijd), de snelheid, het zoeken binnen de site en het beheer van synoniemen?
- Nieuwe functionaliteiten toevoegen Hoe kunnen de nog niet geïmplenteerde features bijdragen aan een betere gebruikservaring en conversie (zie feature wishlist)?
| Functionaliteit | Gebruikerswaarde | Prioriteit |
|---|---|---|
| Icon finder / zoekassistent | Bezoekers vinden ook zonder de juiste vakterm een passend icoon. | must have |
| Vergelijk en kies variant | Een gebruiker ziet snel welke van de vier icoonvarianten past bij een huisstijl of toepassing. | must have |
| Downloadconfigurator | Bezoeker kiest icoon, variant, formaat en eventueel kleur vóór downloaden. | must have |
| Icoonpaspoort | Detailpagina per icoon: betekenis, synoniemen, gebruiksadvies, varianten, downloads en licentie. | must have |
| Favorieten / selectie | Gebruiker verzamelt iconen voor een project en downloadt of deelt die selectie. | should have |
| Collecties voor taken | Bijvoorbeeld “verhuizen”, “paspoort aanvragen”, “zorg”, “afval” of “vergunningen”. | could have |
| Gebruikssituatie-zoeker | Niet zoeken op icoonnaam, maar op: “Ik wil iets over afval, parkeren of identiteit uitleggen.” | could have |
| Toegankelijkheidschecker voor icoongebruik | Helpt ontwerpers bepalen: decoratief of informatief? Is een tekstlabel nodig? | must have |
| Embed-/codegenerator | Gebruiker stelt een veilige SVG-, HTML- of React-snippet samen. | should have |
| Voorbeeldgenerator | Toont hetzelfde icoon in een knop, label, kaart of formulier, met goed gebruik en anti-patterns. | could have |
Design challenge: onderzoek en verbeter de gebruikservaring van gemeenteniconen.nl vanuit toegankelijkheid, responsive ontwerp, performance en client-side interactie. Voer afgebakende WCAG-audit uit en implementeer verbetering. Ontwerp, test en bouw de UI voor de nieuwe features van de wensenlijst aan de hand van de eerder genoemde principes.
Semester 1 - Static Web
| Naam | Sprint 2 | Sprint 3 | Sprint 4 | Sprint 5 |
|---|---|---|---|---|
| Celeste | Sprint 2 | ... | ... | ... |
| Jarellsa | Sprint 2 | ... | ... | ... |
| Melissa | Sprint 2 | ... | ... | ... |
| Queeny | Sprint 2 | ... | ... | ... |
| Rosa | Sprint 2 | ... | ... | ... |
| Rowynn | Sprint 2 | ... | ... | ... |
| Sami | Sprint 2 | ... | ... | ... |
| Sophie | Sprint 2 | ... | ... | ... |