Naar de inhoud
Alessandro Aresu

Vakmanschap

Duiven Maakt Het Waar

De website van Duiven Maakt Het Waar

Het vestigingsplatform van de gemeente Duiven; ik bouwde de navigatie, de zoekfunctie en het blokkensysteem, en deed de toegankelijkheidsronde.

Opdrachtgever
Gemeente Duiven, via Stimmt
Rol
Gebouwd naar ontwerp van Stimmt
Aandeel
Co-lead met één collega, verdeeld per onderdeel; de sitechrome, het blok­kensysteem en de WCAG-ronde; ongeveer de helft van de code
Stack
WordPress op Bedrock, ACF flexible content, SCSS, Java­Script
Jaar
2025
Resultaat
Toegan­ke­lijkheid: nul axe-overtredingen op de homepage en het overzicht

Wat de opdrachtgever is

Duiven Maakt Het Waar is een initiatief van de gemeente Duiven om ondernemers naar haar bedrijventerreinen te halen: 250 hectare aaneengesloten bedrijventerrein, het grootste van Oost-Nederland, met 2.600 bedrijven en 19.000 banen. De site toont de tien terreinen, de beschikbare kavels met een kavelkaart, de financiële regelingen en de weg naar het BedrijvenContactBureau van de gemeente.

Gebouwd naar ontwerp van Stimmt. Concept, ontwerp en projectleiding: Stimmt, Enschede. Front-end bouw: Alessandro Aresu, als developer in dienst van Stimmt, samen met collega's; wie wat bouwde staat hieronder.

De bouw­op­gave

Een gemeentelijke site met twee soorten vastgoedinhoud (bedrijventerreinen en kavels), een zoekfunctie over de hele site en een reeks informatiepagina's die de redactie zelf uit blokken samenstelt. Omdat het een overheidssite is, moet hij toegankelijk zijn, en dat moet controleerbaar zijn.

Wat ik heb gebouwd

  1. 01

    Navigatie, header en zoeken

    De hoofdnavigatie, de header, de zoeklaag onder de header, die de pagina afdekt, met voorgestelde onderwerpen (kavels, subsidies, financiële regelingen, bedrijventerreinen, type grond, contact) en de zoekresultatenpagina, inclusief de mobiele variant. Het megamenu in deze header is van een collega.

  2. 02

    De footer

    Een kolom met het logo en LinkedIn, en drie kolommen met links: de pagina's over vestigen in Duiven, alle bedrijventerreinen en contact, met daaronder de links naar toegankelijkheid, privacy en cookies.

  3. 03

    Het flexible-content-systeem

    Het mechanisme waarmee de hele site wordt samengesteld, plus de blokkenbibliotheek: FAQ-blok met varianten, formulierblok met varianten, downloads, logo's, partnergrid, expertgrid, flexibele specificaties, USP-varianten, tweekoloms tekst, tekst met beeld, gradiëntachtergronden, artikelenslider, aanpassingen aan de kavelslider en het optionele blok naast de contactpersoon. Het contentmodel erachter is de ACF-hoofdgroep voor flexible content.

  4. 04

    De ontwerpfundamenten

    Knoppen, hero's, de contacthero en de typografie.

  5. 05

    De WCAG-ronde

    Zichtbare focusstaten met een variant per achtergrond, toetsenbordgedrag en de toegankelijkheid van de sliders, waaronder de overslaanlink op de terreinencarrousel. Het resultaat daarvan staat hieronder.

Wat collega's hebben gebouwd

De nieuwsartikelen en het nieuwsoverzicht met filter en paginering (gebouwd, maar niet live in gebruik), de kavelsectie (archief, overzicht, kavelpagina met blokken), de bedrijventerreinen met hun contentstructuur, het megamenu, de oorspronkelijke headerindeling, breadcrumbs en 404, en de Bedrock- en DDEV-opzet.

Hoe het eruitziet

De zoeklaag onder de header, geopend op de homepage, op desktop en op mobiel.
Een informatiepagina op desktop, opgebouwd uit blokken.
Dezelfde informatiepagina op mobiel.
De focusstaat op de terreinencarrousel, met de overslaanlink in beeld.

Waarmee het is gebouwd

WordPress op Bedrock met ACF flexible content; SCSS en JavaScript; de footer draagt "Realisatie: Stimmt". Live sinds 2025.

Resultaat

Bij de meting van september 2026 met axe-core leverden de homepage en de overzichtspagina van Duiven Maakt Het Waar nul toegankelijkheidsovertredingen op, en de toegankelijkheidsronde op die site was mijn werk. Hoe ik meet, staat in de styleguide.