Portfolio

Website · Vending-automaten

MEPR Vending

Tom Peters plaatst en beheert snack- en drankautomaten voor kantoren, scholen en publieke ruimtes vanuit Wijchen. De nieuwe site is een nieuwbouw, geen redesign: er bestaat geen eerdere meprvending.nl.

Bekijk live website

De situatie

Tom Peters is eigenaar en oprichter van MEPR Vending in Wijchen: plaatsing, onderhoud en beheer van snack- en drankautomaten voor kantoren en bedrijven, scholen en instellingen, en publieke ruimtes. De automaat blijft eigendom van MEPR Vending, dus een klant hoeft er zelf niet in te investeren.

Voor dit domein bestaat geen eerdere versie: de Wayback Machine heeft geen enkele momentopname van meprvending.nl of www.meprvending.nl, en geen van de dossierbestanden noemt een voorganger. Dit is dus een nieuwbouw, geen redesign. De site ging live op 02-08-2026, als statische site op Vercel.

Over-ons-pagina van meprvending.nl: kop 'Over MEPR Vending, Vendingspecialist in Wijchen.'
meprvending.nl · zoals de site er nu bij staat

De knoop

De livegang zelf verliep goed: een statische site op Vercel, live sinds 02-08-2026. Maar de eerste versie bracht meteen een reëel probleem aan het licht. Google Analytics laadde onvoorwaardelijk in de head, zonder dat een bezoeker daar toestemming voor had gegeven. Dat is geen geldige toestemming onder de AVG en de ePrivacy-regels, die vooraf, specifiek en actief moet zijn.

Daarnaast wezen de interne links naar de homepage (het logo, Home in het menu, het logo en Home in de footer) naar index.html, terwijl de canonical en de sitemap juist naar / verwijzen. Google Analytics registreerde de homepage daardoor op twee paden tegelijk, wat het beeld gaf dat de dienstenpagina veel meer bezoekers trok dan de homepage.

Wat ik gebouwd heb

Een load-on-consent cookiebanner en een schone meting, op een statische site.

Homepage van MEPR Vending: 'Vending oplossingen, Zonder omkijken', met een foto van een snackautomaat op een kantoorlocatie

js/consent.js injecteert het Google Analytics-script pas na een klik op Accepteren; tot die keuze gemaakt is, gaat er geen enkel verzoek naar Google. Weigeren en Accepteren staan beide op een vaste breedte van 175px, dus evenveel bereikbaar. De Accepteren-knop gebruikt een donkerdere tint van het accent in plaats van het gewone accent, omdat wit op het gewone accent de AA-contrasteis niet haalt.

De interne links naar de homepage wijzen nu allemaal naar /, in de navigatie en de footer. De actief-markering in het menu herkende voorheen alleen index.html als Home; die controle herkent nu beide paden, zodat Home actief blijft ongeacht welke variant een bezoeker binnenkomt.

Dienstenpagina met stap 01 Plaatsing: 'Een nieuwe automaat begint met een goed gesprek'
Diensten · 01 Plaatsing
Cookiemelding met de tekst 'Wij gebruiken Google Analytics om te zien welke pagina's bezocht worden'
Cookiemelding · toestemming vooraf

Wat er nu staat

Gemeten op de site zelf, 11-08-2026. Geen oud/nieuw-vergelijking: meprvending.nl heeft geen eerdere versie, dus dit is een nieuwbouw en geen redesign.

Metingen op de huidige site van MEPR Vending
Meting Waarde
GA4 laadt pas na een klik op Accepteren
Verzoeken naar Google vóór toestemming 0 van 12
Contrast Accepteren-knop 5,55:1
Contrast Weigeren-knop 12,94:1
Contrast bodytekst cookiemelding 4,83:1
Breedte Accepteren- versus Weigeren-knop 175px, gelijk
Interne links naar de homepage (logo, Home, footer) 4 van 4 naar /
Meta description aanwezig
Afbeeldingen met alt-tekst 3 van 3

Gemeten met Playwright tegen de live site (netwerkverzoeken tijdens het laden, canvas-contrast, knopbreedte) en door de broncode rechtstreeks op te halen, niet via een derde partij.

Verder werken

MEPR Vending is geen opgeleverd project maar een lopende samenwerking. Twee punten uit de eerste weken na livegang zijn intussen rechtgezet: de domeinvorm is omgedraaid naar de non-www-variant, in lijn met de canonical en de sitemap, en de privacyverklaring beschrijft nu wat Google Analytics werkelijk doet.

MEPR zit in de regio Nijmegen, net als het meeste werk dat ik doe: webdesign Nijmegen.

Terug naar het portfolio