Webwinkel homepage design: 8 regels om bezoekers te behouden!
De homepage geeft een eerste indruk van je webwinkel, en niet alleen de SEO voor Google, maar ik bedoel hier natuurlijk de potentiele klant. Op de homepage moeten ze overtuigt worden om te blijven en te kopen. Lukt dit niet dan klikken ze meteen weer op de ‘back knop’ of gaan naar je concurrent. Het is de belangrijkste pagina van je webwinkel! Bezoekers dienen op deze pagina getriggerd te worden om op de webwinkel te blijven, te zoeken, producten te bekijken, te vergelijken en uiteindelijk natuurlijk te kopen.
Zorg er voor dat uw homepagina een lokkertje is voor uw bezoekers. Hieronder vind u tips om dit voor elkaar te krijgen.
1. Paginastructuur
Zorg dat de belangrijkste informatie links bovenin wordt geplaatst. Bezoekers scannen een pagina en lezen deze niet of nauwelijks. Vaak beginnen ze links bovenaan de pagina. Laat alle belangrijke informatie en acties dan ook boven de vouw zien. Bezoekers gaan vaak niet naar beneden scrollen om de rest te bekijken, als ze al zijn geintereseerd.
2. Header
Zorg ervoor dat de header niet te opvallend aanwezig is. Houdt deze rustig en laat de belangrijkste punten naar voren komen, als het logo.
Wehkamp.nl heeft een rustige header, waarin alleen de belangrijkste punten in naar voren komen. Het logo en de slogan van het bedrijf komen hier goed in naar voren. Daarnaast kan de bezoeker zijn belangrijkste gegevens er goed in terug vinden.
3. Navigatiestructuur
Laat de navigatie structuur duidelijk aanwezig zijn binnen de pagina. Plaats de primaire navigatie aan de linkerkant en/of onder de header. Laat de bezoeker duidelijk zien waar hij naar toe gaat zodra hij een link aanklikt.
4. Zoekfunctie
Zet de zoekfunctie boven aan de pagina, waardoor deze makkelijker te zien is. Laat de bezoeker niet zoeken naar de zoekmachine. Deze moet in een oogopslag te zien zijn.
Delhaize wineworld.be heeft een uitgebreide zoekfunctie aan de linker zijkant staan. Deze zoekfunctie is overzichtelijk en helpt de consument met een goed resultaat te vinden. Het geeft suggesties als een woord verkeerd is getypt en er kan meteen verfijnt worden om de zoekresultaten te verminderen.
5. Call to actions
Zorg ervoor dat de homepage verschillende call to actions weergeeft, zoals nieuwe producten, beste verkocht, prijzenacties en categorieën/assortiment. Deze zullen verschillende bezoekers aantrekken als terugkerende en nieuwe bezoekers.
Dit kan op verschillende manieren; in de vorm van een flashbanner of in de vorm van losse afbeeldingen.
Macy’s maakt gebruik van een flashbanner met daarin de verschillende producten weergegeven. De links binnen de banner zijn allemaal apart clickable, waardoor men meteen op de goede pagina terecht komt.
6. Winkelmand
Zet de winkelmand applicatie rechts bovenin, deze wordt op iedere pagina getoond. Zo kan de bezoeker duidelijk zien welke producten al in het mandje liggen om besteld te kunnen worden.
Coolblue maakt gebruik van een contrasterende kleur om het winkelmandje te tonen op de pagina’s. Waardoor deze goed opvalt tussen al het blauw op de homepage.
Tevens ook leuk om te weten is dat Coolblue pas twee nieuwe shops heeft, namelijk bodycareshop.nl (hierboven weergegeven) en powertoolshop.nl.
7. Klantenservice
De belangrijkste klantenservice gegevens zoals het telefoonnummer kan het beste rechts boven in gezet worden.
De overige gegevens zoals adresgegevens, e-mailadres en bedrijfsinformatie kan het beste onderaan de pagina geplaatst worden. Dan neemt het geen prominente plaats in om te zorgen dat de bezoekers op de website blijven, maar toch snel te vinden.
De gegevens worden vaak in de vorm van een vertrouwensbanner weergegeven op iedere pagina. Hierin worden vaak de contactgegevens en de punten waarom u bij die webwinkel moet bestellen vermeldt. Hieronder is een voorbeeld van zo’n vertrouwensbanner.
Kadoplein.nl heeft een vertrouwensbanner in twee delen opgesplitst, het ene bestaat uit alle informatie over de webwinkel en het andere gedeelte uit de punten waarom er daar bestelt zou moeten worden.
Daarnaast worden ze ook vaak in de header weergegeven, zoals hieronder.
8. Merken en partners
Zorg ervoor dat de verkochte merken en/of partners worden getoond op de homepagina. Wees trots op de merken die je mag verkopen en toon dit dan ook!
Home Depot maakt gebruik van een flash-slider om alle merken die hun in huis hebben te tonen aan de bezoekers. Zo heeft men snel een overzichtelijk beeld van alle merken die verkrijgbaar zijn.
Conclusie
Een goede homepagea zorgt ervoor dat bezoekers interesse krijgen in uw webwinkel en daardoor verder kijken en niet naar de concurrent gaan. Een grote kans dat de bezoekers dan een aankoop maken!
Wehkamp heeft een uitstekende homepage, waar veel gebruik wordt gemaakt van acties en aanbiedingen. De belangrijkste acties worden weergegeven in een flashbanner, de overige acties worden in foto’s met links eronder weergegeven.
Wat Macy’s doet is de home pagina ombouwen tot een grote aanbieding. Hierdoor krijgt men meteen interesse in de aanbieding en is de kans groter dat ze verder winkelen.
Geschreven door: Patrick KerssemakersDirector Marketing, IT & Customer Services











Leuk en nuttig artikel, maar pas op met typo’s: homepagea