Je productpagina,
opnieuw ontworpen.
Een nieuw ontwerp voor de productpagina van piest.nl: Bosch WGG244ZMNL Serie 6 – Wasmachine. Hieronder zie je elk scherm voor en na, en wat we verbeterd hebben.
- 17 voor-en-na's
- 25 verbeteringen
- piest.nl
Elk scherm, vergeleken.
Kies een scherm en schuif over de screenshot. Links zie je de huidige pagina van piest.nl, rechts het nieuwe ontwerp.
Productpagina.
De wasmachine, de score en de prijs in één blik.
- 019,5 direct bij de naamDe 9,5 van Klantenvertellen stond alleen in de balk bovenin. Nu staat hij direct onder de productnaam.
- 02Je ziet wat je bespaartEr stond alleen 829,- doorgestreept. Nu lees je ‘Je bespaart €60’ en het bedrag per termijn met iDEAL in3.
- 03Eén duidelijke koopknop‘Bezoek onze winkel’ en ‘Bel onze winkel’ waren even groot als de koopknop. Nu springt de oranje knop eruit.
Bezorgen en installeren.
Jullie sterkste service, kort en duidelijk bij de knop.
- 01Bezorgen én aansluiten‘Volledige thuisinstallatie mogelijk in Twente’ stond als losse regel. Nu staat bij de knop wat het kost, met een link naar wat er gebeurt.
- 02Oude wasmachine meeDat jullie in Twente de oude machine meenemen, stond alleen op een servicepagina. Nu staat het bij de knop, waar die zorg speelt.
- 03Wanneer hij er is‘Directe levering’ zei niet wanneer. Nu staat er tot welke dag je hem meestal in huis hebt.
Rond de knop.
Betalen, advies en service, direct onder de knop.
- 01Betaallogo’s bij de knopOp de pagina stonden nergens betaallogo’s. Nu staan iDEAL, iDEAL in3, Visa en Mastercard onder de knop.
- 02Winkel met adres en tijdenDe twee grote knoppen zijn nu één rustig blok met adres, de openingstijd van vandaag, bellen en WhatsApp.
- 03Ook na je aankoop dichtbijDat jullie wasmachines bij mensen thuis repareren, stond alleen op een servicepagina. Nu staat het bij de knop.
Foto’s.
De belangrijkste cijfers en de service, in de galerij.
- 01In één oogopslagVulgewicht, verbruik en geluid stonden alleen in losse foto’s. Nu staan ze als tweede beeld op een rij.
- 02Service in de galerijEen beeld met gratis bezorgen, aansluiten en je oude machine mee, tussen de foto’s waar iedereen kijkt.
- 03Groter en met zoomDe foto was klein. Nu is hij groter, met zoom, een teller en alle twaalf beelden in één rij.
Bezorgd en aangesloten.
Wat er na je bestelling gebeurt, stap voor stap.
- 01Drie heldere stappenHoe bezorgen werkt, stond alleen op een servicepagina. Nu lees je het hier in drie korte stappen.
- 02Wat installatie inhoudtAansluiten, uitleg, oude machine en verpakking mee: alles wat de monteurs doen staat op een rij, met de prijs.
- 03Een klant verteltNaast de foto van de machine in een wasruimte staat een echte review over het plaatsen, van Klantenvertellen.
Maak je wasplek compleet.
Droger en wastoren, direct na de uitleg over bezorgen.
- 01Droger en wastoren erbijOnder de pagina stond alleen ‘Laatst bekeken’ met deze wasmachine. Nu zie je een droger en twee wastorens.
- 02Hoger op de paginaDe suggesties staan nu direct na bezorgen en installeren, het moment dat je aan je hele wasplek denkt.
- 03Met een eigen knopElk kaartje zegt wat het is (droger of wastoren) en toont prijs, ‘Direct beschikbaar’ en een knop om het meteen toe te voegen.
Waarom deze wasmachine.
Van een lange tekst naar zes heldere voordelen.
- 01Voordelen in kaartjesDe omschrijving was één lange tekst achter ‘Toon meer’. Nu staan de zes belangrijkste functies naast elkaar.
- 02In gewone woordenElk kaartje zegt in twee zinnen wat de functie voor je doet, zoals minder strijken of minder water.
- 03De rest met één klikBijvulfunctie, Hygiëne Plus en de andere functies staan achter ‘Bekijk alle functies’.
Specificaties.
Alle gegevens die je nodig hebt, naast de winkelscore.
- 01Van alleen EAN naar allesBij de specificaties stond alleen de EAN. Nu staan vulgewicht, verbruik, afmetingen en geluid erbij.
- 02Past hij bij jou thuis?In de specificaties stonden geen afmetingen. Nu lees je hoogte, breedte en diepte, zodat je weet of hij past.
- 039,5 en echte reviewsNaast de tabel staan de 9,5, 97% beveelt jullie aan, twee recente reviews over bezorgen en plaatsen, en het Thuiswinkel Waarborg.
Tijdens het scrollen.
De knop blijft binnen bereik terwijl je leest.
- 01Knop altijd in beeldDe knop kwam pas terug in een losse balk onder de tekst. Nu staat hij onderin zodra je verder scrolt.
- 02Prijs en bezorging erbijDe balk toont de foto, ‘gratis bezorgd’ en de prijs met de oude prijs doorgestreept.
- 03Zonder de tekst te bedekkenDe balk is smal en wit, zodat de voordelen en specificaties leesbaar blijven.
Productpagina.
Op mobiel de foto’s en de naam direct in beeld.
- 01Thumbnails onder de fotoJe zag alleen pijlen naast de foto. Nu zie je meteen welke andere beelden er zijn, ook de kerncijfers.
- 02Kort pad terug‘Home’ bovenaan bracht je naar de homepage. Nu ga je met één tik terug naar alle wasmachines.
- 03Altijd een knop onderinDe balk onderin blijft, nu met de foto, de prijs en wat je bespaart.
Kiezen en kopen.
Prijs, service en knop samen in beeld.
- 01Bezorgen en aansluitenEr stonden twee grote omlijnde knoppen naar winkel en telefoon. Nu lees je hier: gratis bezorgd, oude machine mee en installatie vanaf 30,-.
- 02Besparing en termijnen‘Je bespaart €60’ en het bedrag per termijn met iDEAL in3 staan nu direct bij de prijs.
- 03Koopknop in de paginaOp mobiel stond de koopknop alleen in de balk onderin. Nu staat hij ook direct onder je keuze.
Rond de knop.
Betalen, winkel en service onder de knop.
- 01Betaallogo’s bij de knopOp mobiel zag je nergens hoe je kunt betalen. Nu staan de logo’s direct onder de knop.
- 02Winkel met adres‘Bezoek onze winkel’ wordt adres, openingstijd van vandaag, bellen, WhatsApp en route in één blok.
- 03Reparatie aan huisDat jullie ook na de aankoop thuis repareren, staat nu onder de knop.
Foto’s.
De kerncijfers als tweede beeld.
- 01In één oogopslagVulgewicht, energieklasse, minder kreukels en kortere wastijd staan op het tweede beeld.
- 02Korting in beeldHet label op de foto zegt nu ‘Aanbieding −7%’, zodat de korting direct opvalt.
- 03Service als beeldEen beeld met bezorgen, aansluiten en je oude machine mee, net zo makkelijk te vegen als de foto’s.
Bezorgd en aangesloten.
Wat er na je bestelling gebeurt.
- 01Service in beeld‘Volledige thuisinstallatie mogelijk’ was een losse regel. Nu legt een blok met foto uit hoe het werkt.
- 02Drie stappenBestellen, de transporteur belt, geplaatst en aangesloten. Kort te lezen op een klein scherm.
- 03Wat de monteur doetAlle werkzaamheden van de installatie staan op een rij, met de prijs erbij.
Waarom deze wasmachine.
Voordelen in plaats van een lange tekst.
- 01Niet meer dichtgeklaptDe omschrijving zat achter een uitklapblok en ‘Toon meer’. Nu staan de voordelen open op de pagina.
- 02Kaartjes om te scannenIron Assist, SpeedPerfect en AntiVlekken: elk voordeel in een eigen kaartje met twee zinnen.
- 03Kopjes die vertellenElk kaartje begint met wat je eraan hebt, zoals ‘tot 65% sneller’.
Specificaties.
Alles wat je wilt weten voor je koopt.
- 01Meer dan een EANAchter ‘Specificaties’ stond alleen de EAN. Nu lees je vulgewicht, verbruik, afmetingen en geluid.
- 02Afmetingen in de tabelHoogte, breedte en diepte staan erbij, zodat je weet of hij past.
- 03Gegevens van het labelDe cijfers komen van het energielabel van deze wasmachine.
Na het toevoegen.
Een duidelijke volgende stap.
- 01Bevestiging in beeldNa het toevoegen zie je welke wasmachine in je winkelwagen zit, en dat hij gratis bezorgd wordt.
- 02Hoe nu verder?Je leest meteen dat de transporteur belt om de bezorging te plannen.
- 03De droger erbij‘Laatst bekeken’ toonde alleen deze wasmachine. Nu staat de bijpassende droger in de bevestiging.
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.