200+ keer beoordeeld, gemiddeld starstarstarstarstar sterren

Een velgen configurator die 's nachts offertes verkoopt

Industrie:

Velgenreparatie en autodetailing

Tijdlijn:

2 weken

Impact:

+31% meer configurator-voltooiingen

Collage webdesign autobedrijf TW Performance, reifenservice en velgen configurator op tablet en mobiel

Introductie

Het webdesign van een autobedrijf zou moeten brullen als een V8, niet stationair draaien als een grasmaaier. Toch gedroegen TW Performance’s oude pagina’s zich als een vergeeld instructieboekje dat iemand in 2011 heeft gescand en nooit meer heeft aangeraakt. KUBE Studio schoof ons de opdracht toe via Slack: geef dit velgenmerk een digitale beurt, voeg een velgen configurator toe waar mensen zelf mee aan de slag kunnen, en houd de teller binnen budget.

Stel je Lukas voor. BMW-rijder, M3-eigenaar, 23:00 uur, op zoek naar een offerte voor zijn lichtmetalen velgen. Twee klikken in en hij botst op een muur van alinea’s, geen prijs te bekennen, geen manier om de klus te specificeren. Lukas sluit het tabblad. Vermenigvuldig die schouderophaal met een paar honderd weekendrijders en je weet precies waar de gemiste omzet zit te wachten.

We prutsten niet. We bouwden een nieuwe route.

Een krachtige hero, prijstegels direct onder de vouw en een achttraps velgen configurator die zelfs slaapgebrek-gestoorde autoliefhebbers van “leuk idee” naar “verstuur offerte” loodst, zonder e-mailpingpong. Alles gebouwd in Adobe XD, devklaar voor een custom CMS. Geen pagebuilder-bloat, geen excuses.

Webdesign autobedrijf TW Performance desktopweergave, reifenservice pagina met drie prijsplannen en donker thema
Velgen configurator TW Performance mobiele weergave, productselectie stap 1 en reparatiedetails stap 7

Achtergrond en doelen van het project

KUBE Studio kwam met een heldere opdracht: TW Performance, een groeiende velgenreparatie- en detaillingshop, had een webdesign voor zijn autobedrijf nodig dat drie dingen snel deed.

  1. Nachtelijke scrollers omzetten naar offerteaanvragen. Weekendrijders googelen pulverbeschichtung-prijzen op rare uren, dus de site moest verkopen terwijl het personeel sliep.
  2. De nieuwe velgen configurator in de schijnwerpers zetten. De klant had schetsen voor een tool waarmee rijders in minder dan een minuut maat, kleur en afwerking kiezen. Het concept zag er goed uit, op een bierviltje.
  3. Alles landen in een sprint van zeven weken voor onder de 1.800 euro. Geen scope-kruip, geen verrassingen achteraf, geen pagebuilder-krukken.


Die doelen wijzen naar hetzelfde hoofdpijn-gevoel dat jij misschien ook kent: verkeer stroomt binnen, maar het telefoon-tje blijft stil. Een scherper webdesign voor een autobedrijf draait dat om door klikken te snijden, prijzen te verduidelijken en bezoekers directe manieren te geven om te handelen.

Het probleem onder de motorkap

Voor we een pixel aanraakten, deden we een audit van één dag en vonden drie wrijvingspunten:

  • Begraven prijzen. De copy pochte over “premium plasma pulverbeschichtung” maar meed het daadwerkelijke eurobedrag. 85% van de gebruikers bouncete voor ze de offerteknop bereikten.
  • Doolhof-menu. De desktopnavigatie telde tien diensten. De mobiele navigatie toonde er vier andere. Succes met het vinden van bandopslag.
  • Statische pagina’s. De zogenaamde velgen configurator opende een PDF-formulier. PDF-formulieren horen in 2003, niet op een telefoon in 2025.


Deze problemen sloepen veel websites in de autobranche. Als het webdesign van een autobedrijf kosten verbergt of bezoekers voor elke klein detail laat bellen, lopen leads weg naar de garage verderop.

Webdesign autobedrijf TW Performance pulverbeschichtung pagina op desktop, rode velg en partnerlogo's
Prijstabel webdesign autobedrijf TW Performance, velgenopbouw kosten tot 18 inch en vanaf 19 inch

Onze route naar een snellere pitstop

We kookten de oplossing terug naar vier ronden:

  1. De koperreis uitstippelen. We schetsten een vereenvoudigde funnel: homepage, dienst, velgen configurator, offerte. Alles buiten die route ging de schroothoop op.
  2. Wireframes bouwen met echte woorden, niet met lorem. Zoveel mogelijk de copy van de klant gebruiken hield het velgenreparatie-verhaal scherp. Als een zin zijn plek niet verdiende, verdween hij.
  3. High-fidelity mockups in Adobe XD. Desktop eerst, dan de vijf belangrijkste mobiele breekpunten, inclusief de volledige achttraps velgen configurator. Elk scherm droeg inline redlines, zodat developers geen specsheets hoefden te achtervolgen.
  4. Twee feedbacksprints met harde deadlines. Opmerkingen sloten 48 uur na elke ronde. Dat tempo hield ons binnen budget en dreef de velgen configurator live voor het zomerse bandenwisselseizoen.


Omdat TW Performance’s eigen team zijn WordPress-stack beheert, lieten we Elementor en vrienden achterwege. Ze kregen pure ontwerpassets, klaar om in hun custom thema te schuiven zonder plugin-overhead. Zo zou elk goed webdesign voor een autobedrijf moeten werken.

Tools die de wielen draaiende hielden

  • Adobe XD. Wireframes, UI-kit, klikbaar prototype.
  • Slack. Dagelijkse check-ins, emoji-akkoorden.
  • Dropbox. Centrale plek voor merkfoto’s, icoon-SVG’s en de asset-ZIP.
Pulverbeschichtung processtappen en aanvullende services webdesign autobedrijf TW Performance op tablet
Velgen configurator TW Performance desktop en tablet, productselectie stap 1 en aantalskeuze stap 2

Binnen de velgen configurator funnel, een nadere blik

Vraag hobbyrijders waarom ze halverwege een offerte afhaken en ze mompelen: “Te veel stappen.” We hielden hun geduld in gedachten en bouwden de velgen configurator rond 3 gouden regels:

  1. Toon altijd de voortgang. Een achttraps broodkruimel (“1 / 8 Kies maat”) houdt de angst laag en de nieuwsgierigheid hoog.
  2. Één beslissing per scherm. Breedte, diameter, afwerking, lak: elk krijgt zijn eigen paneel met één CTA. Minder keuzes per weergave betekent snellere tikken en minder twijfel.
  3. Live prijsteller. Cijfers updaten na elke keuze, zodat niemand een verrassend totaal vreest aan het einde. Een aanpak die je kunt kopiëren in elk webdesign voor een autobedrijf.


Deze microstroom sneed het afhaakpercentage van 41% naar 18% en gaf TW Performance als bonus schonere data. Ze weten nu precies welke velgmaten en kleuren de meeste aanvragen genereren, zodat inkooporders eindelijk overeenkomen met de vraag.

Schaalbaarheid ingebakken

KUBE’s developers wilden een ontwerp dat zich vastklikt op toekomstige functies zonder hertekeningen. We:

  • Moduleerden elk blok in XD: kaarten, accordeons, testimonialsliders, zodat diensten als keramische coating toevoegen een kwestie van slepen en neerzetten wordt.
  • Tokeniseerden de stijlgids: kleur-, spacing- en typografievariabelen staan naast de artboards, klaar voor een design-system overdracht.
  • Lieten ruimte voor taalwissels: heading-lengtes en knoopbreedtes zijn geschikt voor Duits, Engels en de onvermijdelijke “binnenkort beschikbaar” Spaanse markt.


Kortom: het chassis van de site is sterk genoeg voor extra vermogen als de klant groeit, maar licht genoeg om vandaag snel te blijven.

Velgen configurator stap 3 felgengrootte selectie webdesign autobedrijf TW Performance tabletweergave
Velgen configurator samenvatting en contactformulier webdesign autobedrijf TW Performance slotscherm

Wat er gebeurt als je niets doet

Je volgende bezoeker scrollt, zucht en slingert zijn geld naar de garage verderop. Elke dag dat je wacht, pikt de concurrent via zijn offerteformulier nog een velgenklus in die jij had kunnen boeken.

Plan een inspectieronde van 30 minuten

Geef ons een halfuur op Google Meet en we spotten de vier grootste drempelwaarden op jouw pagina’s. In gewone taal, zonder omwegen, nul verplichtingen. Plan een snelle videogesprek van 30 minuten en laten we de lekkages dichten voor jouw verkeer van de baan rijdt.

Hand met een keramische koffiemok op een houten bureau in een Zwols industrieel kantoor, zacht daglicht
Collega loopt door een gang met sterke bewegingsblur in een Zwols industrieel kantoor
Twee collega's staan even stil in een zwartomrande deuropening voor een kort gesprek in een industrieel kantoor Twee collega's lachen tijdens een koffiemoment in de keuken van het Zwolse industriële kantoor
Drie collega's in een gang van een industrieel kantoor, één loopt voorbij met sterke bewegingsblur Collega kijkt in zijprofiel uit een hoog industrieel raam, zacht daglicht op haar gezicht
Collega werkt aan een houten bureau met haar rug naar de camera, grote plant wazig in voorgrond
Schuin van bovenaf van twee paar handen op een houten bureau met koffiemok en MacBook in een Zwols industrieel kantoor

Laten we van je volgende
project een succesverhaal maken.

Vraag een voorstel aan

Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.

    Dit formulier is voor mensen met een project. Niet voor bureaus die toevallig hetzelfde doen als wij.

    Plan een call

    //