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 Spotta eerder al had vernieuwd — en moeizaam te navigeren voor de drie totaal verschillende doelgroepen die het platform dagelijks gebruiken. De vraag was niet of het moest veranderen.
De vraag was: hoe redesign je een platform van deze schaal zonder de merkidentiteit te verliezen en tegelijkertijd een kwalitatieve sprong vooruit te maken?
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.
Traditioneel wordt dit opgelost met een gefragmenteerde navigatie of aparte landingspagina's die de gebruiker zelf moet vinden. Wij kozen voor een fundamenteel andere aanpak: een bento grid-structuur waarbij de homepage zelf de routing doet. De modulaire blokken zijn niet alleen visueel aantrekkelijk — ze zijn 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.
Deze 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. De zakelijke propositie — het commerciële hart van Spotta — kreeg daarin de prominentste positie, terwijl bezorger-werving en consumentendiensten logisch aansluitend zijn gepositioneerd. Alles gestuurd door data over hoe bezoekers de oude site gebruikten, niet door aannames
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.
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 is 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 zo solide en datagedreven is als de organisatie erachter.
Plan dan eens een vrijblijvende kop koffie met Bastiaan Ludeking. Samen kijken we hoe we jouw online ambities vertalen naar een prachtig, passend design.
Tijdens ons gesprek laten we graag de kracht en het gemak van ons Webavance CMS zien. Zo heb je direct een helder beeld van de mogelijkheden én een concreet stappenplan voor de realisatie.
Klaar voor de volgende stap? Neem vandaag nog contact op!
Bastiaan Ludeking
Algemeen directeur
06-53114339
bastiaan@webavance.nl