Prins Group Werken bij website
De ambitie
Er zijn maar weinig bedrijven die wekelijks fysiek contact maken met 14,7 miljoen Nederlandse consumenten. Spotta is er een van. Met 19.000 bezorgers en 4,2 miljoen huishoudens die actief een folderpakket via hun platform InMijnBus hebben aangevraagd, is Spotta de onbetwiste logistieke ruggengraat van brievenbusreclame in Nederland. Klanten als Albert Heijn, Jumbo, HEMA en Kruidvat vertrouwen erop dat hun folder elke week op de deurmat ligt.
Maar wie spotta.nl bezocht, zou dat marktleiderschap nooit raden. De website was een digitaal tijdcapsule: opgebouwd in een era van lineaire informatiestructuren, visueel losgekoppeld van inmijnbus.nl — het zusterplatform dat ik eerder al had vernieuwd — en moeizaam te navigeren voor de drie totaal verschillende doelgroepen die het platform dagelijks gebruikt.
Mijn vraag was niet óf het moest veranderen, maar hoe ik een platform van deze schaal kon redesignen zonder de merkidentiteit te verliezen en tegelijk een kwalitatieve sprong vooruit te maken.
Prins Group Werken bij website
De UX/UI Visie
De kern van de UX-uitdaging bij Spotta is uniek: drie gebruikers met tegengestelde motivaties delen één homepage. De zakelijke adverteerder wil weten waarom brievenbusreclame werkt en hoe hij een campagne opzet. De bezorger zoekt een bijbaan in zijn buurt en wil zo snel mogelijk weten wat hij verdient en hoe hij zich aanmeldt. De consument wil zijn folderpakket regelen — stoppen, starten of aanpassen — het liefst in minder dan een minuut.
In plaats van een gefragmenteerde navigatie of aparte landingspagina's die de gebruiker zelf moet vinden, koos ik voor een fundamenteel andere aanpak: een bento grid-structuur waarbij de homepage zelf de routing doet. De modulaire blokken zijn niet alleen visueel aantrekkelijk — ik ontwierp ze als functionele entry points. Elk blok is geconfigureerd voor één doel, één doelgroep, één actie. De bezoeker hoeft niet te zoeken; de juiste deur staat al open.
Die keuze had directe implicaties voor de visuele hiërarchie. In een bento grid is de grootte van een blok een statement: grotere blokken communiceren hogere prioriteit. Ik gaf de zakelijke propositie — het commerciële hart van Spotta — de prominentste positie, terwijl ik bezorger-werving en consumentendiensten logisch aansluitend positioneerde. Alles gestuurd door data over hoe bezoekers de oude site gebruikten, niet door aannames.
Visuele Aansluiting
Een van de scherpste briefpunten was de eis van visuele consistentie met inmijnbus.nl. Dat klinkt als een technische oefening — kleuren matchen, fonts afstemmen — maar het was fundamenteel een merkstrategische beslissing. Spotta en InMijnBus zijn twee gezichten van dezelfde operatie. Wanneer een bezorger vanuit zijn Spotta-appje doorklikte naar inmijnbus.nl voor vragen van bewoners, of wanneer een consument van InMijnBus naar spotta.nl navigeerde voor meer context, moest de overgang naadloos voelen.
We vertaalden de visuele DNA van InMijnBus — het kleurgebruik, de componentarchitectuur, de witruimte-filosofie — naar een Spotta-context die toch zijn eigen karakter behoudt. Geen copy-paste, maar een coherente merkfamilie. De typografische keuzes, de afgeronde hoeken van de kaartcomponenten, de manier waarop CTAs zijn opgebouwd: het zijn subtiele echo's die de twee platforms onmiskenbaar aan elkaar verbinden.
Prins Group Werken bij website
De impact
Het resultaat is een platform dat de schaal en het zelfvertrouwen van Spotta uitstraalt. De informatiestructuur is zo helder dat bezoekers direct weten waar ze zijn en wat hun volgende stap is — ongeacht of ze adverteerder, bezorger of consument zijn. De visuele eenheid met InMijnBus heb ik bereikt zonder dat Spotta zijn eigen identiteit heeft moeten inleveren. En de bento grid-architectuur geeft het team een flexibel fundament om nieuwe diensten en content toe te voegen, terwijl de structurele helderheid behouden blijft.
Een website die nu net zo solide en datagedreven is als de organisatie erachter.