Webwinkels - Voorbeelden

Uit De Vliegende Brigade
Ga naar: navigatie, zoeken

Voorbeeld-sites

Dit is geen willekeurige lijst. Dit zijn stuk-voor-stuk sites en webwinkels met iets bijzonders.

Complete lijst

Sites met alternatieve interfaces

Sites met interactieve/parallactische/alternatieve interfaces. Wat deze sites gemeen lijken te hebben: Veel aandacht voor 'beleving'. De meeste zijn B2C, maar niet allemaal:

  • Albert Hein - Net als paralactische sites, verschijnt content pas als je naar beneden scrollt. Veel aandacht voor 'beleving'
  • Bluelagoon.com - Webwinkel/site met parallactische scrolling. Ze verkopen maar één product, dus dat maakt het geen typische webwinkel
  • Boldking - Parallactische site met sterk staaltje storytelling
  • CPO Outlets
  • Deejo.fr - Interactieve/niet-standaard webwinkel. Betreft één product waarbij gevoel een grote rol speelt. Ergonomie is zwakjes
  • Hickory Farms - Traiteur, al was me dat niet gelijk duidelijk
  • Oliver Harvey - B2B: Chefswear
  • Suitsupply
  • Superdry.nl - Typische 'moderne' vormgeving, met veel wit. Niet parallactisch.

Grote sites

Dit is een subselectie van de lijst hiervoor:

Al deze webwinkels hebben geen content (=tekst, en niet enkel lijstjes) van betekenis op hun home page. Misschien juist omdat ze groot en bekend zijn?

Voorbeelden nader bekeken

Amazon.com

Bovenkant van de home page van Amazon.com: Compact, paar verplichte links, maar geen contant. Wel zo'n carrousel. Amazon.com is natuurlijk niet te vergelijken met minder-bekende webwinkels. De 'omni-zoekbalk' helemaal bovenaan het scherm. Voor het winkelwagentje wordt een symbool gebruikt en geen woord. Om naar je account te gaan: Sign in]. Als je een menu-item klikt, krijg je zo'n JavaScript-lay-over of zoiets
Amazon.com: Onderkant van de home page: Nog steeds geen content

CPO Outlets

Mediaweb vindt dit een opmerkelijke site:

Amerikaanse webwinkel voor gereedschappen. Op het eerste gezicht een vrij
standaard ‘magento-achtig’ design. Maar gezien de enorme hoeveelheid 
producten is de website wel overzichtelijk neergezet.

Zelf word ik er niet koud of warm van. Wat me wel opvalt, is het rijtje met logo's van belangrijke merken, onderaan de home page.

HBM-machines.com

HBM Machines werd aangeraden door een klant als een voorbeeld van een goede webwinkel:

  • Veel details
  • Goede foto's + inzoomen
  • Je hebt niet snel de helpdesk nodig.

Hecospecialist.nl

Indrukwekkende site! Wat zoal opviel:

  • Zoekbalk blijft bovenin
  • Oranje
  • Werkman met baard → b2b
  • Foto van een magazijn → b2b
  • Recensies van vaklieden
  • Zoeken in de bovenbalk
  • "Kies een type HECO schroef" inclusief pijl en leuke foto
  • Groene vinkjes

Manandshaving.nl

Misschien wel de beste webwinkel die ik op dit moment ken (begin 2016), gemaakt door directshop.nl.

Professionele uitstraling

Je ziet gelijk dat dit een serieuse webwinkel is, oa. vanwege:

  • Foutloos taalgebruik
  • Goede foto's
  • Goede vormgeving
  • Nieuwsbrief
  • Contact
  • Logo Thuiswinkel Waarborg
  • Telefoonnummers prominent getoond
  • Logo's Facebook en andere social media-sites
  • Selling points worden nog een keer in een apart blokje vermeld
  • Facet search
  • Feedback-mogelijkheden
  • Logo's van betaalmethodes onderaan de site
  • Groene vinkjes in opsomming - Daar reageren mensen positief op.

Producten staan al vermeld op de home page

Het lijkt wat vreemd dat de producten al op de home page worden getoond, maar dat werkt heel goed in combinatie met facet search (zie hieronder). Belangrijk dat producten steeds op een uniforme wijze worden getoond (dus niet bv. grid- en tabelweergave door elkaar heen)

Facet Search

Aan de linkerkant heb je een facet search-interface. Als je daar een selectie maakt, lijkt het alsof de productselectie die toch al op de home page stonden, wordt aangepast. Alsof je de home page niet verlaat. Da's prettig voor klanten

Wat misschien beter kan

  • Het is niet in één keer duidelijk wat hun product/dienst/propositie is
  • Facet search: Compacter maken middels inklapmenu? Assortiment pas bijwerken na druk op een knop?
  • Link Registreer je nu! - Mensen hebben een negatieve associatie met registratie.

Proforto.nl

Header

De header lijkt voor alle pagina's identiek te zijn:

  • Helemaal bovenaan is een balk met lichtblauwe achtergrond met daarin de belangrijkste selling points. Daar keek ik aanvankelijk overheen
  • Geen slogan, maar wel een apart blok 'boven de vouw' met selling points - Dat blok zag ik eerder dan de aparte regel
  • Verder in de header: Search, winkelwagen, symbool thuiswinkel.org, Account, Mijn Prijs Aanvraag, Inloggen, Registreren
  • De winkelwagen is een symbool van een tasje. Dat komt vrouwelijk op mij over
  • Account en Inloggen verwijzen naar dezelfde pagina. Interessant
  • Daaronder de categorieën van de shop - Dus in een horizontaal menu.

Chat-pop-up

Rechtsonder is een blok dat lijkt op een chat-pop-up-window. Het staat over eventuele content heen

Schroeven-online.nl

Eerste indruk van de site:

  • Kleurtjes & logo's
  • Duidelijk waar de site over gaat
  • Gemakkelijk menu
  • Eerst zien, dan betalen - Klarna
  • Menubalk (Home, Schroeven kopen...): Geeft het idee dat het een complete site is
  • "Bedragen zijn inclusief BTW" bovenaan de pagina: Zorgvuldig
  • Ook een menu-item "Zakelijk bestellen"
  • Combinaties schroeven + bits
  • Aparte knoppen "Info" en "Bestel": Werkt dat wel goed?
  • De diapresentatie zie je pas bij het naar beneden scrollen. Is dat niet vreemd?
  • Klantbeoordelingen. De score staat alleen erg laag op de pagina.

Staples.com

Account: Welcome, please sign in your account. Het winkelwagentje is een symbool. Een search-box, een paar statische links, en verder heel veel artikelen, direct op de home page met add to cart
Onderkant de pagina: Zie ik daar een stukje content?

Superdry

Op de winkelwagen-pagina staat naat een knop betaal veilig nu tevens een knop Check Out with PayPal. Daarmee gaat de verdere afhandeling via PayPal en voor mensen die al een PayPal-account hebben, is dat super, want ze hoeven zich niet apart te registeren op Superdry - Dat scheelt en maakt impulsaankopen veel gemakkelijker

Technische Unie

De site van Technische Unie werd aangeraden door een klant:

"Ben hoefde niet lang na te denken over de vraag wat hij een mooie site vond: 
Technische Unie: 'Vanwege de deep-links'. Ook had hij gehoopt dat hij de 
gezochte producten bij de Technische Unie had kunnen kopen."

Aspecten aan een home page

  • Propositie in één oogopslag duidelijk: Ik heb ooit een paar dagen op een grote computerbeurs rondgelopen. Ik werd er heel moe van dat ik bij veel stands niet binnen twintig seconde kon zien wat ze deden. Dat probleem geldt waarschijnlijk nog meer voor webwinkels, zowel voor de home page als de landingspagina's: Het moet in één oogopslag duidelijk zijn. Wat er duidelijk moet zijn? Ik denk de waardepropositie
  • Selling points weergeven: Dat kan wellicht al door categorieën te tonen, nieuwe producten of aanbiedingen [1]
  • Consistentie: Voorbeeld: Deel van de tekst op http://www.aa-netherlands.org/ betreft een verwijzing naar een andere site. Dus effectief is een belangrijk deel van de boodschap van deze site: "ga ergens anders heen!"
  • Betrouwbaarheid & veiligheid: Mensen gaan mogelijk geld aan je webwinkel besteden, terwijl het vaak moeilijk is om in te schatten of een site legitiem is. Daarom is betrouwbaarheid belangrijk [2]. Deze site zegt dat het zelfs het belangrijkste is
  • Gemakkelijk kunnen kopen: Wellicht een goed idee om in ieder geval een paar producten op de home page te presenteren, inclusief de mogelijkheid om direct te kunnen kopen. Dat verlaagt de drempel om te kopen (want bij elke klik raak je zo'n 33% van de bezoekers kwijt), en het helpt om de propositie te communiceren
  • Gratis & aanbiedingen: Mensen schijnen getriggered te worden door dingen die als gratis worden aangeprijst, of als speciale aanbieding. Gratis transport schijnt ook in die categorie te vallen. [3]
  • Nieuws & populairste producten: [4]
  • Merkartikelen: Voor mensen die niet weten wat ze zoeken, kunnen merken als houvast dienen [5]
  • Winkelwagentje, inloggen, zoeken: Basisfunctionaliteiten [6]
  • Betaalmethode-logo's: Door de logo's van betaalmethoden weer te geven, zien bezoekers in één oogopslag of ze kunnen betalen op de manier die ze willen. Het is tevens een deel van de propositie [www.hongkiat.com/blog/essential-things-ecommerce-site-should-have/]
  • Social media: Belangrijk ivm. recensies en peer-review [www.hongkiat.com/blog/essential-things-ecommerce-site-should-have/]
  • Telefoonnummer & chat: Omdat menselijk contact belangrijk is [7]
  • Winkel-vinder: [www.hongkiat.com/blog/essential-things-ecommerce-site-should-have/]
  • Trustmarks: [www.hongkiat.com/blog/essential-things-ecommerce-site-should-have/]
  • Handleidingen & marktontwikkeling: [www.hongkiat.com/blog/essential-things-ecommerce-site-should-have/]
  • Snelheid: Bezoekers willen gedachtenloos kunnen klikken en browsen. Dat gaat niet als een site langzaam laat. Daardoor is de site niet beschikbaar en haken mensen af (Bron: Don't make me think) & [8]

Achtergrondkleur

Wit.

Account: The name of the game

Hoe noemen verschillende partijen het gebruikersaccount?

Winkelwagen: The name of the game

Hoe noemen verschillende partijen hun winkelwagen?

  • Amazon.de: Symbool
  • Bol.com: Symbool
  • Central Point: Symbool
  • Hornbach: Symbool + "Winkelwagen"

Bronnen