E-commerce website-ontwerp: 10 interessante voorbeelden
E-commerce design is een van de meest voorkomende - en soms meest over het hoofd gezien - soorten ontwerpprojecten. Bedenk eens hoe vaak u op "nu kopen" klikt op een website.
Maar wat zorgt ervoor dat het werkt? Van het grootste belang bij het ontwerpen van e-commerce is de gebruikerservaring en de aankoopstroom, maar ook steeds meer sites beginnen ook geweldige ontwerpschema's te ontwikkelen. Hier zullen we kijken naar tien e-commerce sites die goed functioneren en er ook fantastisch uitzien.
Ontdek ontwerpbronnen
idem dito
De Ditto-bestemmingspagina heeft een gigantische afbeelding en parallax-scrollen voor een unieke webervaring. De winkelpagina's zijn gemakkelijk te vinden en bevatten duidelijke afbeeldingen in een minimale stijl die hun productglazen laat zien. Elk item is duidelijk zichtbaar en geprijsd. Zoekmogelijkheden werken gemakkelijk en deze site heeft een leuke extra bonus: stuur een foto in en probeer een bril virtueel.
Les voor ontwerpers: E-commerce ontwerp kan op eenvoudige manieren trendy gebruikersinterface-effecten bevatten, zoals parallax scrollen of andere leuke technologie.
Neronote
Op het eerste gezicht krijg je het gevoel dat Neronote een premium service of product biedt, van het kleurenschema tot het klassieke gevoel van de afbeeldingen. De site werkt ook met dat premium gevoel, met eenvoudige navigatie en koopgemak. U kunt alles, van stof tot kleur, selecteren om te passen terwijl u de site gebruikt om een aangepast Italiaans overhemd te maken. Toegevoegde bonus: elke afbeelding bevat zweeftekst die het item dat u ziet in detail uitlegt.
Les voor ontwerpers: stem het uiterlijk van uw site af op het gevoel van wat u verkoopt. Een site met premium merchandise moet een uitstraling en presentatie van de bovenste plank hebben.
Glazen tafels online
Hoe zou deze tafel er in mijn huis uitzien? Dat is de vraag die consumenten stellen als ze naar een nieuw meubelstuk kijken. Glass Tables Online kan die vraag beantwoorden door hun lijn van tafels in daadwerkelijke omgevingen te tonen. Bovendien is de interface verbazingwekkend eenvoudig, met een platte ontwerpstijl en hoge kleuren waardoor u op "Toevoegen aan mandje" wilt klikken.
Les voor ontwerpers: geweldige fotografie gecombineerd met een eenvoudig ontwerp is een goede manier om elk product onder de aandacht te brengen.
47 Merk
Ben je in de trend? Hangend met de coole menigte? 47 Brand speelt dit prachtig af met grote scrollende afbeeldingen die beide hun product laten zien op een manier die je het gevoel geeft deel uit te maken van de 'crowd'. De bestemmingspagina doet ook geweldig werk met het integreren van sociale media, een ander stuk dat je het gevoel geeft deel uit te maken van de productlijn. De winkelervaring is even leuk. Items worden duidelijk weergegeven in een lay-out in rasterstijl met zweefeffecten die beschikbare maten en informatie tonen. Bestellen met één klik zonder weg te navigeren uit de productlijst.
Les voor ontwerpers: sociale integratie kan consumenten helpen zich onderdeel van het merk te voelen, waardoor ze willen kopen bij een bepaald bedrijf of een bepaalde website.
Mijn eigen fiets
Bouw het, koop het. Met My Own Bike kun je een fiets op maat maken en delen in de merkliefde met een verscheidenheid aan kleding- en accessoire-opties. Het bouwproces is eenvoudig, voeg een functie toe en zie het daar op een virtuele fiets bouwen. (Plus de prijs verandert automatisch, zodat u later niet verrast wordt.) Dit is een van de meest gebruiksvriendelijke custom build-sites die er zijn en het ontwerp is eenvoudig en aantrekkelijk.
Les voor ontwerpers: een eenvoudig ontwerp in combinatie met sterke gebruikersinterfacetools en -opties is een krachtige combinatie.
Magere banden
Responsive e-commerce design is de nieuwe best practice. Hoeveel potentiële klanten gaan verloren als ze geen toegang hebben tot de functionaliteit van een site of rechtstreeks vanaf een mobiel apparaat kunnen kopen? Skinny Ties is niet alleen gemakkelijk om naar te kijken, het werkt op verschillende apparaten met een kaartstijlontwerp dat prachtig op elk formaat wordt weergegeven. Door de minimale stijl is elk product ook bij kleinere maten goed te zien en prijzen en stijlen zijn duidelijk geëtiketteerd.
Les voor ontwerpers: Responsive design wordt een essentieel hulpmiddel voor online verkoop.
Nuts.com
Nuts.com is leuk. Van kleurkeuzes tot de kleine 'pratende' noten op verschillende pagina's, gebruikers zullen zich willen bezighouden met het ontwerp, dat verkoop en verhalen combineert. Als een toegevoegde bonus is bijna elk beschrijvend woord op de bestemmingspagina een link naar dat product. Bovendien biedt de site meerdere opties om aan de winkelwagen toe te voegen, in de kleine lijstweergave en als een uitgebreidere informatieweergave voor elk item, ideaal voor kopers die weten waarnaar ze op zoek zijn of shoppers die gewoon aan het browsen zijn.
Les voor ontwerpers: bied meerdere mogelijkheden voor klikken, met name klikken die tot verkopen kunnen leiden.
Jenier World of Teas
Wat komt er in je op als je aan thee denkt? Ik associeer thee vaak met kalmerende en kalmerende eigenschappen. De Jenier World of Teas-site combineert dat idee met het gebruik van kleur - blauw - en eenvoudige, vrolijke beelden en typografie. Dit werkt vooral goed voor deze productlijn, omdat afbeeldingen van thee geen gemakkelijk verkoopargument zijn. Sorteeropties zijn leuk, zodat klanten thee kunnen vinden op basis van smaak, gewenst effect of verpakkingsgrootte.
Les voor ontwerpers: Creëer een aparte sfeer en visuele associatie over producten die moeilijker te verkopen zijn met afbeeldingen met ontwerptools zoals kleur, afbeeldingen en typografie.
Inkefx Clothing & Apparel
Elke afbeelding op de Inkefx-site bevat een link om een product te kopen of er meer over te weten te komen. Niet alleen zijn de afbeeldingen superscherp en helder, de knoppen en de omringende tekst zijn gemaakt in een stijl die een duidelijk contrast creëert en u er naar toe trekt. Zodra u doorklikt, zijn de beschrijvingen leuk en gemakkelijk te begrijpen. De maatinformatie is vooral leuk, met vermelding van de maat van het item en de maat van het model dat het draagt. Bijvoorbeeld: “Model draagt een GROOT. 6'0 '"/ 165 pond."
Les voor ontwerpers: elke afbeelding is een kans om een gebruiker in een koper te veranderen. Sterke tekst en knoppen met "pop" kunnen de aandacht trekken van een product naar de gewenste call-to-action.
Witte Huis | Zwarte markt
"Zoals gezien op tv." 'Zoals te zien is in het tijdschrift Glamour.' Als je deze kleding draagt, word je modieus. Vrouwenwinkel White House | Black Market communiceert uitzonderlijk goed hoe populair hun kledinglijn is op de website, met items die te zien zijn in tv-commercials (die je kunt bekijken op de site) of tijdschriften, waardoor het gemakkelijk is om de kleding die je ergens anders zag te kopen en gezocht.
De bestemmingspagina heeft ook een leuke gebruikersinterface met interessante scroll- en zweefeffecten. Klik in de itemgalerij en de minimalistische stijl accentueert items perfect, toont prijzen en bevat tal van sorteeropties.
Les voor ontwerpers: gebruik dezelfde beelden en markeer vermeldingen en onderscheidingen om items te helpen verkopen.
Gevolgtrekking
Het uiteindelijke doel van e-commerce is dat ontwerp van een klik een verkoop maakt. Geweldige functie en design is een manier om daar te komen.
Van hippe gebruikersinterfacetools tot afbeeldingen die onmogelijk te negeren zijn of gewaagde kleur- en type-keuzes, fantastisch design wordt snel een overweging bij verkoopsites, die zich in het verleden mogelijk primair op interface- en interactietools hebben gericht.
Een site kan er trendy uitzien en ook de verkoop stimuleren. Op welke andere geweldige e-commercesites bent u gestuit? Deel ze in de reacties.
