Google Ads
Meta Ads
E-mailmarketing
Lightspeed eCom Toolkit
Shopify Toolkit#SEM × YogishaDesign by #SEM AI Agent
Je productpagina,
opnieuw ontworpen.
Een nieuw ontwerp voor de productpagina van yogisha.nl: Wollen Yogamat Deluxe. Hieronder zie je elk scherm voor en na, en wat we verbeterd hebben.
- 15 voor-en-na's
- 24 verbeteringen
- yogisha.nl
Voor en na
Elk scherm, vergeleken.
Kies een scherm en schuif over de screenshot. Links zie je de huidige pagina van yogisha.nl, rechts het nieuwe ontwerp.
Productpagina.
De mat, de maat en de score in één oogopslag.
- 01Gratis verzending in beeldEerst rekende je zelf met ‘gratis vanaf €99,-’. Nu staat ‘Gratis verzending’ op de foto, want deze mat kost 119,00.
- 02Maat en materiaal vooraanAfmeting, gewicht en materiaal stonden diep in de omschrijving. Nu zie je 200 × 75 × 2 cm, 2,6 kg en 100% scheerwol meteen.
- 03Score bij de naamKleine sterren rechts met ‘(19)’. Nu staat 5/5 met ‘19 reviews’ onder de titel, met één klik naar de reviews.
Kiezen en kopen.
Levertijd, korting en betalen direct bij de knop.
- 01Levertijd onder de knop‘Op voorraad’ stond los onder de staffelregels. Nu lees je direct onder de knop: op voorraad en verzonden binnen 2 werkdagen.
- 02Staffel om aan te klikken‘Koop 5 voor €113,05’ was alleen tekst. Nu klik je 5 of 10 stuks aan en zie je meteen wat je bespaart.
- 03Betalen en retour zichtbaarBetaalmethoden en retour stonden niet bij de knop. Nu zie je de logo’s en ‘14 dagen retour, gratis in onze winkel’.
Foto’s.
Alle foto’s naast elkaar, en inzoomen op de wol.
- 01Alle foto’s in één blikVier grote foto’s stonden onder elkaar, ruim 2.000 pixels scrollen. Nu klik je door met thumbnails en pijlen naast één grote foto.
- 02Inzoomen op de wolMet de muis over de foto zie je de wol van dichtbij. Zo zie je bijna hoe zacht de mat is, voordat je bestelt.
- 03Kort pad naar Yogamatten‘Terug naar overzicht’ zei niet waarheen. Nu staat ‘Yoga / Yogamatten’ bovenaan, zodat vergelijken één klik is.
Onder de foto.
Waarom wol, wat erbij past en waar je hem kunt voelen.
- 01Waarom een wollen yogamat?De voordelen zaten verspreid in een lange tekst. Nu staan warm, zacht, antislip en mulesing-vrij op een rij onder de foto.
- 02Erbij met één klikDe yogatas en deken stonden als grote kaarten zonder knop. Nu voeg je ze met ‘+ Toevoegen’ in één klik toe.
- 03Eerst voelen in de winkel‘Fysieke Yogawinkel in Amsterdam’ was een losse regel. Nu staan het adres, de openingstijden en dat je alle matten kunt testen.
Reviews.
Je 19 vijfsterrenreviews hoger op de pagina.
- 01Reviews direct na de koopboxDe reviews kwamen pas na de hele omschrijving. Nu volgen ze direct na de koopbox, waar de twijfel zit.
- 02Score in één oogopslagEerst één regel ‘5 sterren op basis van 19’. Nu zie je 5,0 met de verdeling, en 98% beveelt Yogisha aan op Kiyoh.
- 03Twee reviews uitgelichtTwee korte reviews en een link. Nu staan twee uitgebreide reviews naast de score, en de knop opent er telkens vijf meer.
Over de mat.
Omschrijving en specificaties naast elkaar.
- 01Specificaties in een tabelMaat, gewicht en materiaal stonden als losse regels in de tekst. Nu lees je ze in één tabel naast de omschrijving.
- 02Korter, meer op verzoekHet verhaal over de wol was een lange lap tekst. Nu lees je de kern, en klap je ‘Lees meer over de wol’ open.
- 03Knop altijd binnen bereikTijdens het lezen was de knop uit beeld. Nu blijft onderin een balk staan met foto, prijs, gratis verzending en knop.
Vragen en contact.
Antwoorden op de vragen die klanten anders mailen.
- 01Vragen op de paginaWassen, uitproberen en retour stonden alleen op de FAQ- pagina. Nu staan de antwoorden op de pagina zelf.
- 02Persoonlijk advies dichtbijTelefoon en e-mail stonden alleen in de footer. Nu staan ze met de winkelfoto en openingstijden naast de vragen.
- 03Ruimte voor wat helpt‘Recent bekeken’ liet alleen deze mat zelf zien. Die ruimte gaat nu naar vragen en contact.
Productpagina.
Naam, score en foto meteen in beeld.
- 01Terug naar Yogamatten‘Terug’ zei niet waarheen. Nu ga je met ‘‹ Yogamatten’ in één tik naar alle yogamatten om te vergelijken.
- 02Score onder de naamDe sterren stonden pas onder de foto en de prijs. Nu staan ze met ‘19 reviews’ direct onder de titel.
- 03Gratis verzending op de fotoEerst moest je zelf rekenen met ‘gratis vanaf €99,-’. Nu staat ‘Gratis verzending’ meteen op de foto.
Kiezen en kopen.
Kerncijfers, prijs en knop bij elkaar.
- 01Maat en materiaal vooraanMaat en gewicht stonden ver onder de knop in de tekst. Nu staan ze als drie korte labels boven de prijs.
- 02Levertijd onder de knop‘Op voorraad’ stond onder de staffelregels. Nu lees je direct onder de knop dat de mat binnen 2 werkdagen wordt verzonden.
- 03Staffel om aan te tikken‘Koop 5 voor €113,05’ was alleen tekst. Nu tik je 5 of 10 stuks aan, met de prijs per stuk erbij.
Zekerheid en extra’s.
Waar je op kunt rekenen, en wat erbij past.
- 01Voordelen in een rustig vlakVijf losse regels onder de staffel. Nu staan verzending, persoonlijk verstuurd en 14 dagen retour samen in één vlak.
- 02Betaallogo’s bij de knopHoe je kunt betalen stond niet op de pagina. Nu zie je iDEAL, PayPal, Visa, Mastercard en Billink.
- 03Erbij met één tikDe yogatas en deken kwamen pas na de reviews. Nu staan ze direct onder de knop, met ‘+ Toevoegen’.
Foto’s.
Swipen met thumbnails, en een beeld met de kern.
- 01Thumbnails in plaats van stipjesVier stipjes onder de foto. Nu zie je alle foto’s als kleine beelden en tik je er direct naartoe.
- 02In één oogopslagHet tweede beeld zet maat, wol, warmte en antislip op een rij, ook voor wie verder niets leest.
- 03Knop altijd binnen bereikWie verder scrolde, moest terug naar de knop. Nu staat onderin steeds een balk met prijs, gratis verzending en knop.
Reviews.
Open, en hoog op de pagina.
- 01Reviews open en hogerDe reviews zaten in een dichtgeklapt blok, onder de hele omschrijving. Nu staan ze open, direct na de koopbox.
- 025,0 met de verdelingJe ziet in één blik dat alle 19 beoordelingen vijf sterren zijn, zonder iets open te klikken.
- 03Kiyoh erbijNaast de productreviews zie je dat 98% Yogisha aanbeveelt, uit 1.755 beoordelingen op Kiyoh.
Over de mat.
Kort te lezen, en het menu komt terug.
- 01Specificaties ingeklaptDe omschrijving liep door in maat, materiaal en onderhoud. Nu lees je eerst de tekst en klap je de specificaties open.
- 02Lees meer over de wolHet hele verhaal over de wol stond uitgeschreven. Nu lees je het alleen als je meer wilt weten.
- 03Menu terug bij omhoogHet menu verdween bij het scrollen en kwam niet terug. Nu komt het terug zodra je een stukje omhoog scrolt.
Vragen en contact.
Antwoorden op de vragen die klanten anders mailen.
- 01Vragen op de paginaWassen, uitproberen en retour stonden alleen op de FAQ-pagina. Nu tik je de antwoorden hier open.
- 02Persoonlijk advies dichtbijTelefoon en e-mail stonden alleen in de footer. Nu staan ze met de winkelfoto en openingstijden onder de vragen.
- 03Ruimte voor wat helpt‘Recent bekeken’ liet alleen deze mat zelf zien. Die ruimte gaat nu naar vragen en contact.
Na het toevoegen.
Direct zien dat het gelukt is.
- 01Bevestiging in beeldNa het toevoegen zie je meteen je product en aantal in een paneel onderin, en je blijft gewoon op de pagina.
- 02De yogatas erbijDe yogatas voor deze mat staat in de bevestiging. Met ‘+ Toevoegen’ heb je hem er direct bij.
- 03Twee duidelijke knoppen‘Naar winkelwagen’ en ‘Verder winkelen’ staan onder elkaar, zodat je zelf kiest wat je doet.
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.