Google Ads
Meta Ads
E-mailmarketing
Lightspeed eCom Toolkit
Shopify Toolkit#SEM × Biker OutfitDesign by #SEM AI Agent
Je productpagina,
opnieuw ontworpen.
Een nieuw ontwerp voor de productpagina van bikeroutfit.nl: REV'IT Afterburn H2O (motorjas). Hieronder zie je elk scherm voor en na, en wat we verbeterd hebben.
- 15 voor-en-na's
- 24 verbeteringen
- bikeroutfit.nl
Voor en na
Elk scherm, vergeleken.
Kies een scherm en schuif over de screenshot. Links zie je de huidige pagina van bikeroutfit.nl, rechts het nieuwe ontwerp.
Productpagina.
Vertrouwen, prijs en keuze in één oogopslag naast de foto.
- 01Kiyoh-score onder de titelVertrouwen beslist bij een jas van €200. De 9,5 stond klein in de topbalk; nu direct onder de productnaam.
- 02Prijs met de besparingEen bedrag zegt meer dan een doorgestreepte prijs. ‘Je bespaart €70’ maakt de korting in één blik duidelijk.
- 03Alle foto’s in beeldKopers willen de jas van alle kanten zien. Thumbnails tonen alles meteen, plus één beeld met de voordelen.
Maat kiezen.
De grootste twijfel bij een jas, weggenomen op de plek van de keuze.
- 01Maten als knoppenEerst moest je een keuzelijst openen om te zien wat er is. Nu zie je meteen welke maat leverbaar is.
- 02Maatadvies dat al openstaatTwijfel over de maat is de grootste reden om af te haken of te retourneren. Met je borstomvang krijg je direct advies.
- 03Rugprotector met één vinkjeDe jas is voorbereid voor een rugprotector, maar die zit er niet bij. Nu gaat hij met één vinkje mee, in de juiste maat.
Rond de knop.
Alle zekerheid op de plek waar de bezoeker beslist.
- 01Bezorgdatum bij de knopEerst zag je de verzendtijd pas na de maatkeuze. Nu staat bij de knop uiterlijk welke dag de jas er is, zodat je weet waar je aan toe bent.
- 02Zekerheden als checklistGratis bezorgen, 30 dagen ruilen en passen in de winkel nemen twijfel weg, precies waar je kiest.
- 03Voordelen en betaallogo’sLosse labels zeggen een koper weinig. Nu staat er wat de jas doet, met herkenbare betaallogo’s eronder.
Wat de jas kan.
Van losse labels en dichte blokken naar voordelen die je in één blik ziet.
- 01Voordelen met beeldEerst stond dit verstopt in dichte blokken en losse labels. Nu ziet de bezoeker in één blik wat de jas voor hem doet.
- 02Eerlijk over het gebruikWeten waar de jas goed voor is, voorkomt retouren. Voor urenlange regen verwijzen we eerlijk naar Gore-Tex.
- 03Labels in gewone taal‘Indirecte ventilatie opties’ zegt weinig, ‘ritsen voor warme dagen’ wel. Voordelen in gewone taal overtuigen.
Omschrijving en specificaties.
Alle informatie open op de pagina, zonder te zoeken.
- 01Omschrijving direct leesbaarAchter een dichte knop leest bijna niemand verder. Open tekst beantwoordt vragen voordat ze ontstaan.
- 02Specificaties in een tabelWie twijfelt, vergelijkt details. Een rustige tabel maakt stof, protectie en ventilatie snel te vergelijken.
- 03Maattabel bij de matenAls laatste foto vond bijna niemand de Engelse maattabel. Nu staat hij in het Nederlands bij de maatkeuze.
Maak je outfit compleet.
Aanvullingen die echt bij de jas horen, in één rustige rij.
- 01Wat bij de jas hoort‘Vaak gezien met’ toonde ook damesproducten. Nu staat alleen wat een koper van deze jas er echt bij nodig heeft.
- 02Eén rustige rijEen carrousel met pijltjes verbergt de helft. Vier producten naast elkaar zie je in één oogopslag.
- 03Rugprotector ook bij de knopDe rugprotector stond al vooraan, maar ver onder de vouw. Nu staat hij ook bij de knop, waar de keuze valt.
Reviews en vragen.
Het bewijs van klanten en de antwoorden op de pagina zelf.
- 01Kiyoh-reviews op de paginaEr stonden geen reviews op de pagina. Nu laten drie echte Kiyoh-reviews zien wat klanten ervaren.
- 02Veelgestelde vragenVragen over waterdicht, maat en passen staan nu beantwoord op de pagina, zodat niemand hoeft te mailen.
- 03Liever eerst passen?De winkel van 1.300 m² is een sterke troef voor twijfelaars, nu als duidelijke keuze naast de vragen.
Tijdens het scrollen.
Navigatie, knop en reviews blijven binnen bereik, zonder dat het druk wordt.
- 01Compacte headerDe zwarte balk schuift mee weg, zodat de jas meer ruimte krijgt. Zoeken en menu blijven binnen bereik.
- 02Reviews naast de keuzeOnder de foto lees je recente Kiyoh-reviews over passen, ruilen en levering. Zo groeit het vertrouwen terwijl je je maat kiest.
- 03Alles binnen bereikKnop, uiterlijke bezorgdatum en betaallogo’s staan naast de foto, zodat de beslissing nooit ver weg is.
Productpagina.
Op mobiel de jas, het bewijs en de prijs direct in beeld.
- 01Breadcrumb en thumbnailsOp mobiel zag je ‘1/12’ zonder te weten wat er komt. Thumbnails tonen meteen alle foto’s, ook het overzicht van de voordelen.
- 02Score onder de titelDe 9,5 van Kiyoh stond op mobiel niet bij het product. Nu staat hij onder de productnaam, waar vertrouwen telt.
- 03Prijs met de besparing‘Je bespaart €70’ maakt de korting in één blik duidelijk, ook op een klein scherm.
Maat kiezen.
Van een dichte keuzelijst naar een advies dat meteen klopt.
- 01Maten in één oogopslagDe keuzelijst verborg welke maten leverbaar zijn. Knoppen laten het direct zien, zonder extra tik.
- 02Advies op maatTwijfel over de maat is de grootste reden om af te haken. Met je borstomvang krijg je direct het juiste advies.
- 03Voorraad bij de matenEen groene regel laat zien welke maten direct leverbaar zijn, zodat niemand een uitverkochte maat kiest.
Rond de knop.
Alle zekerheden op één plek, direct onder de knop.
- 01Rugprotector erbijDe jas is voorbereid voor een rugprotector. Met één vinkje boven de knop gaat hij mee, in de juiste maat.
- 02Bezorgdatum en zekerhedenUiterlijk welke dag de jas er is en dat ruilen kan, staat nu direct onder de knop. Dat haalt de laatste twijfel weg.
- 03Winkelvoorraad per maatWie liever eerst past, ziet meteen of zijn maat in de winkel in Amsterdam ligt. Dat scheelt een ritje voor niets.
Wat de jas kan.
Van dichte blokken naar voordelen die je onderweg scant.
- 01Voordelen met beeldEén lange lap tekst leest niemand op een telefoon. Vier blokken met beeld vertellen hetzelfde in een paar seconden.
- 02Eerlijk over regenWeten waar de jas goed voor is, voorkomt retouren. Voor urenlange regen verwijzen we eerlijk naar Gore-Tex.
- 03Specificaties ingeklaptDe lange tabel staat achter één knop, zodat de pagina kort blijft voor wie snel wil bestellen.
Reviews.
Ruim 10.000 reviews met een 9,5, op de pagina zelf.
- 01Score met Kiyoh-logoOp mobiel stond geen enkele review. Een grote 9,5 met het Kiyoh-logo laat direct zien dat Biker Outfit te vertrouwen is.
- 02Echte reviewsDrie echte reviews, letterlijk overgenomen van Kiyoh, onder elkaar en goed leesbaar, met het Kiyoh-icoon als bewijs.
- 03Wat klanten noemenSnelle levering en deskundig personeel als korte labels: de redenen om hier te kopen, in één blik.
Vragen en de winkel.
Antwoorden zonder te hoeven mailen, en een reden om langs te komen.
- 01Veelgestelde vragenVragen over waterdicht, maat en passen staan beantwoord op de pagina, zodat niemand hoeft te mailen of te wachten.
- 02Liever eerst passen?De winkel is een sterke troef voor wie twijfelt over de maat. Nu staat hij als duidelijke keuze in beeld.
- 03Direct bellenMet één tik bel je de winkel. Voor een twijfelaar is dat vaak het laatste duwtje.
Bestellen.
Altijd een knop binnen bereik, en een duidelijke bevestiging.
- 01Vaste koopbalkDe oude balk toonde ‘Maak een keuze’ zonder prijs. Nu zie je altijd je kleur, maat, prijs en de knop.
- 02Bevestiging met je maatNa het toevoegen zie je direct wat er in je winkelwagen zit, zodat je zeker weet dat het goed ging.
- 03Rugprotector als tipWie de rugprotector vergat, krijgt hem in de bevestiging nog één keer aangeboden, met één tik toe te voegen.
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.
Hoe het verder gaat
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.
Design by #SEM AI Agent
Dit ontwerp live
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.