Je productpagina,
opnieuw ontworpen.
Een nieuw ontwerp voor de productpagina van premiumbikes.nl: Sparta A-Lane Fit en Energy (elektrische stadsfiets). Hieronder zie je elk scherm voor en na, en wat we verbeterd hebben.
- 14 voor-en-na's
- 23 verbeteringen
- premiumbikes.nl
Elk scherm, vergeleken.
Kies een scherm en schuif over de screenshot. Links zie je de huidige pagina van premiumbikes.nl, rechts het nieuwe ontwerp.
Productpagina.
Prijs, score en knop in één oogopslag.
- 01Prijs en knop boven de vouwEerst zag je vijf keuzeblokken en nog geen prijs. Nu staan de prijs en de knop direct in beeld.
- 02Google-score bij de naamVijf sterren zonder cijfer. Nu zie je direct de 4,5 uit 1.158 Google-reviews, met het logo erbij.
- 03In 3 termijnen zonder renteiDEAL in3 stond alleen op de betaalpagina. Nu zie je meteen wat je per termijn betaalt.
Kiezen in drie stappen.
Van vijf losse keuzes naar drie duidelijke stappen.
- 01Eén keuze voor de uitvoeringKleur, motor en display waren losse knoppen, maar horen vast bij Fit of Energy. Nu kies je in één keer, met prijs.
- 02Maatadvies meteen open56 cm stond al aan en de hulp zat in een pop-up. Nu vul je je lengte in en zie je direct welke maat past.
- 03Accu zonder keuzelijst‘Accu: Maak een keuze…’ moest je eerst openen. Nu staat 400 Wh aan en kies je 500 Wh met één klik.
Rond de knop.
Wanneer je fiets klaarstaat, en waar je hem ophaalt.
- 01De dag dat hij klaarstaat‘Direct afhalen mogelijk’ zei niet wanneer. Nu staat er op welke dag je fiets rijklaar staat en dat we je bellen.
- 02Afhalen helder bij de knopDat jullie niet bezorgen, stond niet bij de knop. Nu staat het er, met de reden: zadel en stuur op jouw maat.
- 03Eén hoofdknopDrie even grote knoppen in drie kleuren. Nu is ‘In winkelwagen’ de hoofdknop, met de proefrit ernaast.
Foto’s en advies.
De galerij vertelt nu ook wat de fiets kan.
- 01Het belangrijkste in één beeldHet tweede beeld ‘In het kort’ toont instap, motor, versnellingen, remmen en accu, zonder te scrollen.
- 02Alleen jouw kleurJe zag Fit en Energy door elkaar. Nu toont de galerij de foto’s van de uitvoering die je kiest, met de korting erop.
- 03Advies direct onder de foto‘Welke uitvoering past bij jou?’ toonde pas iets na klikken. Nu staan advies, WhatsApp en telefoon er meteen.
Reviews.
De ervaringen van je klanten direct na de knop.
- 01Reviews hoger op de paginaDe klantervaringen kwamen pas na de specificaties. Nu volgen ze direct op de koopbox, waar de twijfel zit.
- 02Geen tags meer ertussenZes oranje tagknoppen leidden weg van de fiets. Die zijn weg, zodat het reviewblok direct aansluit.
- 03Hele reviews leesbaarElke review stopte halverwege met ‘Lees meer’. Nu lees je de korte reviews helemaal in de kaart.
Fit of Energy?.
Het verschil tussen de uitvoeringen in één tabel.
- 01Fit en Energy naast elkaarHet verschil haalde je uit losse knoppen en de FAQ. Nu staan motor, display, kleur, maten en prijs in één tabel.
- 02Beide prijzen in beeldDat de Energy 1.999,- kost, zag je pas na klikken. Nu staan beide prijzen met de adviesprijs in de tabel.
- 03Specificaties die ertoe doenDe tabel begon met artikelnummer en EAN-code. Nu begint hij bij type fiets, frame, motor en accu.
Koopbalk.
Bestellen kan altijd, ook als je verder leest.
- 01Knop altijd bij de handNa scrollen moest je terug naar boven om te bestellen. Nu staat onderin een balk met foto, prijs en knop.
- 02Je keuze in de balkUitvoering, framemaat en accu staan in de balk, zodat je ziet wat je bestelt voordat je klikt.
- 03Geen maat? Kies hem in één tikZonder framemaat opent de knop een keuzevenster. Tik je maat aan en hij zit direct in je winkelwagen.
Productpagina.
Op mobiel prijs, score en foto meteen in beeld.
- 01Korting op de fotoDe adviesprijs stond pas na de vijf keuzeblokken. Nu zie je ‘−€525’ op de foto en de prijs eronder.
- 02Altijd een knop onderinEr was geen vaste koopknop. Nu staat onderin een balk met foto, prijs, je keuze en de knop.
- 03Kort terug naar de categorieHet lange kruimelpad liep over twee regels. Nu tik je in één keer terug naar Elektrische fiets middenmotor.
Kiezen in drie stappen.
Uitvoering, framemaat en accu: genummerd en compact.
- 01Eén keuze voor de uitvoeringKleur, motor en display stonden los, maar horen bij Fit of Energy. Nu kies je in één tik, met prijs.
- 02Maatadvies meteen openDe framemaathulp zat in een pop-up. Nu vul je je lengte in en zie je welke maat past.
- 03Geen maat vooraf gekozen56 cm stond al aan. Nu kies je zelf, met de lichaamslengte bij elke maat.
Rond de knop.
Wanneer je fiets klaarstaat, en hoe je hem ophaalt.
- 01De dag dat hij klaarstaat‘Direct afhalen mogelijk’ zei niet wanneer. Nu zie je op welke dag je fiets rijklaar staat.
- 02Accu zonder keuzelijst‘Maak een keuze…’ moest je eerst openen. Nu tik je 400 of 500 Wh aan, direct boven de knop.
- 03Proefrit als tweede knopDrie grote knoppen onder elkaar. Nu is er één hoofdknop, met de proefrit eronder en leasen als link.
Reviews.
De ervaringen van je klanten direct na de knop.
- 01Reviews veel hogerDe klantervaringen kwamen pas na omschrijving, FAQ en tags. Nu volgen ze direct op de koopbox.
- 02Hele reviews leesbaarElke review stopte met ‘Lees meer’. Nu lees je de korte reviews helemaal.
- 03Ook de score van deze fietsOnder de reviews staat nu ook de 5/5 van deze fiets, in hetzelfde blok.
Fit of Energy?.
Het verschil tussen de uitvoeringen in één tabel.
- 01Fit en Energy naast elkaarEerst las je een lange omschrijving. Nu zie je motor, display, kleur, maten en prijs naast elkaar.
- 02Beide prijzen in beeldDe prijs van de Energy zag je pas na klikken. Nu staan beide prijzen met adviesprijs in de tabel.
- 03Duidelijke koppenElke sectie heeft een eigen kop, zodat je snel vindt wat je zoekt.
Foto’s.
De galerij vertelt ook wat de fiets kan.
- 01Kleine foto’s in plaats van stipjesJe zag alleen stipjes onder de foto. Nu zie je kleine foto’s en tik je direct de juiste aan.
- 02Het belangrijkste in één beeldHet tweede beeld ‘In het kort’ toont meteen de instap, motor, versnellingen, remmen en de accu.
- 03Pijlen en een tellerJe kon alleen vegen, zonder te zien hoeveel foto’s er zijn. Nu zie je pijlen en een teller.
Na het toevoegen.
Je weet meteen hoe het verder gaat.
- 01Bevestiging met je keuzeNa het toevoegen zie je meteen welke uitvoering, maat en accu er in je winkelwagen zit.
- 02Wanneer je hem ophaaltDe bevestiging noemt de dag dat hij rijklaar staat en dat we je dan bellen.
- 03Een extra slot erbijMet één tik voeg je een kettingslot toe. Die monteren we in de winkel direct.
Klik zelf door het nieuwe ontwerp.
Het ontwerp werkt als een echte pagina, op desktop en op je telefoon. Bestellen kan er nog niet mee.
Van ontwerp naar meer orders.
Zo brengen we het nieuwe ontwerp live, en meten we wat het oplevert.
- 01Alleen de paginaHeader, menu, USP-balk en footer blijven precies zoals ze nu zijn. We veranderen alleen de inhoud van de productpagina.
- 02Eerst testen, dan liveWe zetten het nieuwe ontwerp in een A/B-test naast de huidige pagina en meten de bestellingen per bezoeker.
- 03Je eigen sterke puntenJe eigen foto's, beelden, reviews en tone of voice: alles kwam al van jullie, alleen op een betere plek.
Dit ontwerp live
op jouw webshop?
Met de AI Design Agent zetten we dit ontwerp op je bestaande webshop, en verbeteren we daarna elke maand verder op het gebied van CRO. Gebouwd door onze specialisten. Zonder dat je er duizenden euro's per maand aan kwijt bent.
- Geen herbouw, geen migratie
- Je backoffice blijft zoals je gewend bent
- Pas live na jouw akkoord
- 01Doorontwikkeling voor een vast maandbedragGeen losse offertes per aanpassing. Zien wij een kans of heb jij een idee, dan bouwen wij het.
- 02CRO-verbeteringen direct doorgevoerdWij analyseren je webshop en voeren verbeteringen door in dagen in plaats van maanden.
- 03Veilig, en je ziet wat er verandertWe bouwen en testen alles eerst in een preview. Pas na jouw akkoord gaat het live, en elke versie blijft bewaard.