Scooterhandel & service
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 wij naar één heldere, responsive website met een vaste opbouw voor overzicht, productdetail, service en contact. Telefoon en WhatsApp blijven door de hele site zichtbaar, omdat vragen in elke fase kunnen ontstaan.
- Klant
- Mike Mobility
- Type
- Website · Scooterhandel & service
- Werkzaamheden
- Webdesign, Responsive frontend, Productpresentatie
Projectcontext
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 scheiden zonder het merk te versnipperen: één menustructuur, één visuele taal, twee duidelijke sporen. Aanbod en contactgegevens worden vaak op een telefoon bekeken, dus de belangrijkste informatie moest ook daar direct bereikbaar blijven.
We kozen voor een opbouw waarin elk deel van de site een duidelijke taak heeft: productontdekking, productdetail, service en contact, met dezelfde navigatie en dezelfde interactiepatronen.
Onze toelichting
Scooters en occasions eenvoudig te doorzoeken, onderhoud en reparatie met een eigen plek, en contact dat door de hele klantreis zichtbaar blijft.
Ontwerp en uitwerking
Elk deel van de site heeft een duidelijke taak
In plaats van één lange bedrijfspresentatie is de ervaring opgedeeld in taken. 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: één kolom beeld, één kolom feiten, met specificaties, prijs en accessoires naast de fotografie en de WhatsApp-knop binnen handbereik. Service en reparatie hebben een eigen, herkenbare presentatie met echte werkplaatsfotografie en een duidelijke weg naar contact.
- HomepageDe opening van de site op desktop
-
OccasionsHetzelfde systeem voor gebruikte scooters -
ProductpaginaEén kolom beeld, één kolom feiten -
Service en reparatieEen eigen route voor de werkplaats - Op mobielDezelfde site op een telefoon
Belangrijkste keuzes
Belangrijkste keuzes
-
Scooters en occasions in één overzicht
Het overzicht laat nieuwe scooters en occasions in één systeem zien, van overzicht tot detailweergave. Foto, modelnaam en prijs bepalen de kaart; filters op aandrijving, merk, uitvoering en prijs maken het aanbod doorzoekbaar zonder bezoekers te overladen. Omdat de voorraad wisselt, is de structuur zo opgezet dat Mike Mobility scooters en occasions zelf toevoegt en bijwerkt.
-
Service als eigen route, niet als bijzaak
De werkplaats is een wezenlijk onderdeel van het bedrijf, maar bedient een andere bezoekersintentie dan het scooteraanbod. Onderhoud en reparatie kregen daarom een eigen, herkenbare presentatie met werkplaatsfotografie en een directe weg naar contact, in plaats van een vermelding ergens onder het productaanbod.
-
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.
Structuur en inhoud
Eén systeem voor aanbod, service en contact
De site is opgebouwd uit vier soorten pagina's die hetzelfde systeem delen: het overzicht van scooters en occasions, de productpagina, de servicepagina voor onderhoud en reparatie, en contact. Dezelfde navigatie, typografie en interactiepatronen houden het geheel herkenbaar.
De site draait op WordPress met een productmodule, zodat Mike Mobility het aanbod zelf beheert. Telefoon, WhatsApp en contactacties staan op de plekken waar bezoekers ze nodig hebben, op elk scherm.
Wat je terugvindt op de site
- Overzicht van scooters en occasions met filters
- Productpagina's met specificaties, prijs en accessoires
- Eigen route voor onderhoud en reparatie
- Telefoon en WhatsApp op elke pagina
- Contactpagina
- Aanbod door de klant zelf bij te werken
Wat we hebben opgeleverd
Wat we hebben opgeleverd
-
Webdesign
Visuele hiërarchie, paginastructuren en interactiepatronen voor product-, service- en contactpagina's.
-
Productpresentatie
Eén helder systeem voor scooters en occasions, van overzicht tot detailweergave.
-
Serviceroute
Een aparte, herkenbare route voor onderhouds- en reparatie-informatie.
-
Contact binnen bereik
Telefoon, WhatsApp en contactacties op de plekken waar bezoekers ze nodig hebben.
-
Responsive frontend
Uitwerking voor desktop, tablet en mobiel, op WordPress met een productmodule.
Ook een website laten maken?
Klaar voor een professionele website voor jouw bedrijf?
Vertel wat je wilt bereiken. We denken vrijblijvend mee over structuur en ontwerp.