Websites - Voorbeelden

Uit De Vliegende Brigade
Naar navigatie springen Naar zoeken springen

Een overzicht van sites die ik bijzonder vind, plus bijbehorende analyse. Ik weet niet meer hoe ik oorspronkelijk aan deze lijst ben gekomen. Ik denk dat toeval een rol speelt.

Sites

Sites - 2016

Sites - 2019

Sites met alternatieve interfaces - 2016

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 - 2016

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?

Sites nader bekeken

Amazon.com (2016)

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 (2016)

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 (2016)

HBM Machines werd me 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 (2016)

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 (2016)

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 (2016)

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 (2016)

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 (2016)

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 (2016)

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 (2016)

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."

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 [7]
  • 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 [8]
  • Winkel-vinder: [9]
  • Trustmarks: [10]
  • Handleidingen & marktontwikkeling: [11]
  • 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) & [12]

Achtergrondkleur

Wit.

Terminologie

Bol.com heeft het over Naar de winkel (=verder winkelen) en Bestellen. Misschien dat bestellen beter klinkt dan afrekenen of kassa
Bol.com: Winkelwagentje
Amazon.de: Mein Konto, Einkaufswagen & Zur Kasse gehen

Gebruikersaccount

Hoe noemen verschillende partijen het gebruikersaccount?

Winkelwagen

Hoe noemen verschillende partijen hun winkelwagen?

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

Wat vind ik zelf?

  • NL: Vaak vind ik winkelwagen volwassener en serieuser klinken dan mandje of winkelmand of winkelmandje
  • EN: Gewoon cart. Anders shopping cart
  • DE: Einkaufswagen? Warenkorbe?

Checkout

NL:

  • Kassa: Klinkt alsof het geld kost :(
  • Afrekenen: Klinkt serieuser, maar ook alsof het geldt kost
  • Bestellen: Klinkt niet alsof het geld kost, maar is ook verwarrend.

DE:

  • Anordnen?
  • Bestellen
  • Kasse
  • Zur Kasse gehen

B2B vs. B2C

Zitten wel aardige dingen bij:

BTW-vermelding

Prijzen (ook) altijd inclusief BTW vermelden, tenzij het een zakelijke site is, die afgeschermd is met een inlogprocedure. Dan kun je volstaan met alleen prijzen ex-BTW.

Hero-shots

Heel interessant: https://klientboost.com/cro/hero-shot/

Meertalig

Rond 2005 zei een Amerikaanse Amsterdammer mij, dat hij vond dat Nederlandse webwinkels altijd tweetalig zouden moeten zijn, ivm. de grote hoeveelheid expats.

Bronnen

Jaartal is jaar waarin ik die links heb toegevoegd. Niet het jaar waarin het betreffende artikel is geschreven.

2016

2019

Overgenomen van "https://wiki.devliegendebrigade.nl/index.php?title=Websites_-_Voorbeelden&oldid=16753"