Webdevelopment

DCMR

Zonder zoeken snel melding maken

Locatiegebaseerde content vanuit CMS met separate frontend

Resultaat

De website van DCMR heeft een belangrijke functie voor de regio. De bewoners raadplegen de website om te weten wat er in de regio gebeurt of in geval van een calamiteit om te achterhalen wat er in de wijk of zelfs de eigen straat aan de hand is. DCMR vond in Enrise de partner voor het omzetten van een nieuw design in een volwaardige nieuwe website met een eenvoudiger te beheren CMS.

Voor de beheerders van de site hebben we het CMS sterk vereenvoudigd, zodat het makkelijker is om nieuwe content te maken en te wijzigen, terwijl we aan de andere kant de toegangsdrempel tot het CMS hebben verhoogd met extra security in de vorm van tweefactor-authenticatie. We kozen voor een flexibel headless CMS, waarbij de frontend op zichzelf staat. Een separate frontend is in eerste instantie bedoeld voor de website, maar we ontwikkelden het met in gedachten dat DCMR ook in de toekomst bijvoorbeeld apps of andere mediakanalen eenvoudig kan beheren vanuit hetzelfde CMS.

Publicatieflow
De artikelen over milieu, veiligheid en gezondheid in de regio wordt beheerd door de redactie. Zij schrijven artikelen en koppelen die aan een locatie met behulp van een selectie op de kaart. Die selectie vertalen we automatisch naar alle postcodes in dat gemarkeerde gebied.

Zodra artikelen gereed zijn worden ze ter beoordeling en controle klaargezet voor de afdeling Communicatie, dat het na akkoord officieel publiceert. Het voordeel van de locatie-aanduiding is dat het de functie Mijn Wijk mogelijk maakt. Momenteel nog ontwikkeling toont dit gedeelte binnenkort alle artikelen en gebeurtenissen binnen de postcode die je als sitebezoeker invoert. Je krijgt daarmee alleen de artikelen binnen jouw postcodegebied te zien voor een completer plaatje over jouw wijk.

Toegankelijkheid
We gaven de bezoekers van de nieuwe website een verbeterde en duidelijke manier voor het indienen van een milieumeldingen, zodat je zonder zoeken sneller tot het juiste formulier komt. En we maakten de site minder laagdrempelig voor mensen en apparaten door de belangrijkste toegankelijkheidsrichtlijnen toe te passen:

  • We maakten gebruik van Readspeaker, dat op heldere manier de tekst voorleest;
  • We verborgen bepaalde tekstelementen die visueel niet noodzakelijk zijn, maar die wel guiding moeten geven als je gebruik maakt van de voorleesfunctie;
  • We maakten de site geschikt voor toetsenbordondersteuning, zodat je ook zonder muis kunt navigeren;
  • We gaven externe linkjes een icoontje, zodat het in een oogopslag duidelijk zichtbaar is.

Proces

DCMR Milieudienst Rijnmond vroeg Enrise om het beoogde design voor een nieuwe website te vertalen naar een volwaardige nieuwe webomgeving. Buurtbewoners moeten via de nieuwe site sneller en makkelijker een milieumelding kunnen maken, waarbij het gebruik van de site geschikt is voor iedereen, ongeacht schermgrootte of invoerbron. Met gerelateerde artikelen voor een completer beeld van de situatie in een bepaald gebied. Voor de redactie is een eenvoudiger te beheren CMS wenselijk, waarbij onder andere de inhoud gekoppeld kan worden aan postcodegebieden voor relevante nieuwsitems in de wijk van de websitebezoeker.

Voor de beheerders van de site hebben we het CMS sterk vereenvoudigd, zodat het makkelijker is om nieuwe content te maken en te wijzigen, terwijl we aan de andere kant de toegangsdrempel tot het CMS hebben verhoogd met extra security in de vorm van tweefactor-authenticatie. We kozen voor een flexibel headless CMS, waarbij de frontend op zichzelf staat. Een separate frontend is in eerste instantie bedoeld voor de website, maar we ontwikkelden het met in gedachten dat DCMR ook in de toekomst bijvoorbeeld apps of andere mediakanalen eenvoudig kan beheren vanuit hetzelfde CMS.

TechStack

Het nieuwe dcmr.nl is ontwikkeld in React. In plaats van server side rendering, wordt bij React de site in de browser gerenderd, waardoor de gebruikservaring aanvoelt als een app. Dit noem je een Single Page Application met het voordeel dat alle pagina’s direct beschikbaar zijn met vrijwel geen laadtijd. Om te voorkomen dat alle opgebouwde SEO-score van DCMR teniet wordt gedaan gebruikten we Next.js die ervoor zorgt dat ook aan de serverzijde de belangrijkste informatie en artikelen beschikbaar zijn voor indexatie door search bots. Bij de migratie van oude content hebben we oude urls met redirects netjes omgeleid naar de nieuwe en het resultaat is nu een supersnelle Single Page Application met behoud van de SEO-scores en bijbehorende pageranking in Google.

Specs

Live sinds

2018

Doorlooptijd

4 maanden

Klanttevredenheid

7

Meer weten over deze case?
Tech+More

Abonneer op en ontvang 1x per maand artikelen en video's per mail.

Ik wil Tech+More!
->
© 2000-2020, Enrise B.V.