Projecten Mike Mobility
Een digitale showroom voor scooters, occasions en service.
Mike Mobility is een scooterspeciaalzaak met verkoop én een eigen werkplaats. De website moest daarom meer doen dan producten tonen: bezoekers willen snel zien wat het aanbod is, occasions vergelijken, service-informatie vinden en zonder omwegen contact opnemen.
Die verschillende klantroutes vertaalden we naar één heldere, responsive website.
Twee werelden, één website.
Mike Mobility combineert verkoop en service. Wie een scooter zoekt heeft een ander doel dan wie met een onderhoudsbeurt of reparatie zit — maar beide bezoekers moeten voelen dat ze op dezelfde, herkenbare website zijn.
De navigatie moest die routes dus scheiden zonder het merk te versnipperen: één menustructuur, één visuele taal, twee duidelijke sporen. En omdat vragen in elke fase kunnen ontstaan, blijft contact — bellen of WhatsApp — overal dichtbij.
Scooters en occasions zijn eenvoudig te doorzoeken, zonder bezoekers te overladen met onnodige informatie.
Onderhoud en reparatie krijgen een duidelijke plek in de site, in plaats van verstopt te raken tussen het productaanbod.
Aanbod en contactgegevens worden vaak op een telefoon bekeken; belangrijke informatie blijft ook daar direct bereikbaar.
Telefoon, WhatsApp en contactopties blijven door de hele klantreis zichtbaar.
Elk deel van de site heeft een duidelijke taak.
In plaats van één lange bedrijfspresentatie is de ervaring opgedeeld in duidelijke taken. Productontdekking, productdetail, service en contact hebben elk hun eigen visuele hiërarchie — maar delen dezelfde navigatie, typografie en interactiepatronen.
Het overzicht draait om herkennen en vergelijken: foto, modelnaam en prijs zijn leidend, secundaire informatie blijft uit beeld tot een bezoeker een product opent.
Filters op aandrijving, merk, uitvoering en prijs houden het aanbod behapbaar — ook als de voorraad wisselt.
Op een productpagina krijgt de scooter visuele prioriteit. Specificaties, prijs en accessoires staan naast de fotografie, zodat niemand over de pagina hoeft te zoeken om het aanbod te begrijpen.
De opbouw blijft bewust rustig: één kolom beeld, één kolom feiten — en de vaste WhatsApp-knop binnen handbereik.
De werkplaats is een wezenlijk onderdeel van Mike Mobility, maar bedient een andere bezoekersintentie. Service en reparatie krijgen daarom een eigen herkenbare presentatie met echte werkplaatsfotografie — geen bijzaak onder het scooteraanbod, maar een volwaardige route met een duidelijke weg naar contact.
Van showroom tot broekzak.
Het ontwerp is vanaf het begin responsive opgebouwd — en dat is meer dan desktop verkleinen. De navigatie vouwt samen tot één menuknop, productkaarten blijven onder elkaar leesbaar en de WhatsApp-knop blijft binnen duimbereik.
Inhoud die op desktop naast elkaar staat, krijgt op mobiel een eigen volgorde: eerst het aanbod of de service-informatie, daarna de rest.
Wat we hebben opgeleverd.
De goedgekeurde structuur is vertaald naar een responsive frontend met herbruikbare paginacomponenten: overzicht, productdetail, service en contact volgen hetzelfde systeem. De site draait op WordPress met een productmodule, zodat Mike Mobility scooters en occasions zelf kan toevoegen en bijwerken.
Visuele hiërarchie, paginastructuren en interactiepatronen voor product-, service- en contactpagina’s.
Uitwerking voor desktop, tablet en mobiel, met consistente componenten en spacing.
Eén helder systeem voor scooters en occasions, van overzicht tot detailweergave.
Een aparte, herkenbare route voor onderhouds- en reparatie-informatie.
Telefoon, WhatsApp en contactacties op de plekken waar bezoekers ze nodig hebben.
Een consistente hiërarchie voor producten, service en ondersteunende content — door Mike Mobility zelf bij te werken.
