Beste e-handelswebwerfontwerpe - die 60+ top-e-handelswebwerwe 2020-uitgawe

Webwerf vir e-handel kom oral rondom ons op. Is almal suksesvol? Nee. Die meeste misluk. Maar hoekom? Een van die algemeenste redes is dat dit nie die behoeftes van die gebruiker voor die idees van die onderneming stel nie.

goeie gebruikers ervaring is een van die belangrikste kenmerke van enige suksesvolle e-handelswinkel, en sonder om na hierdie een aspek te sorg, is u in 'n opdraande stryd om verkope te bewerkstellig. En hoe bied u uitstekende gebruikerservaring? Deur u ecommerce webwerf ontwerp.

Hieronder vind u my gunsteling e-handelswebwerwe van 2020, saamgestel uit ons hele e-handelswebwerf databasis.

Maar voor dit, hier is ons top beoordeel e-handelbouers wat die meeste van hierdie winkels hieronder gebruik om UX en UI van hoë gehalte te lewer:

Hierdie webwerwe moet u 'n idee gee van wat elemente moet u daarop konsentreer, en enkele wenke oor hoe u 'n ryke gebruikerservaring kan bied deur addisionele webwerf-funksies en goeie temas.

Onder elke webwerf het ons 'n unieke belangrike wegneemplek van elke webwerf gelys wat u vandag in u winkel kan implementeer.

Beste e-handelswebwerfontwerpe in 2020: inspirasie

1. Die Sill:

Met aantreklike kleure gee hierdie webwerf 'n baie skoon, eenvoudige en vrolike gevoel. Die Sill glo dat plante mense gelukkig maak, en so ook hul aanlynwinkel. Die hele perseel is helder en verfrissend en het 'n pragtige natuurskoon.

Die koplys is baie slim en dit is een van my gunsteling kenmerke op hierdie lys. Die gaping tussen 'The' en 'Sill' word gedoen om die naam van die onderneming te weerspieël. Terwyl u na onder blaai om na die produkte te kyk, kom die woorde bymekaar en die ander opsies skuif na regs.

Sleutel wegneemete: interaktiewe mega-spyskaart

E-handel webwerf gebou met behulp van: Shopify

2. PowerOnPowerOff:

PowerOnPowerOffDie tuisblad fokus op die rede waarom en die voordele van die produk, eerder as om na die nuutste verkoop of promosie te spring. Wat interessant is met PowerOnPowerOff se webwerf is dat hulle lang blaai. Hierdie tegniek word gebruik om die gebruiker nie moeg te maak as hy deur hul tuisblad blaai nie. Nuwe inligting word gevul en lyk interaktief as die gebruiker op die bladsy afbeweeg, wat lei tot 'n pragtige e-handelswebwerf ontwerp.

Belangrike wegneemete: Lang blaai kan gebruikers se moegheid verminder

E-handel webwerf gebou met behulp van: Shopify

3. Rebecca Atwood:

Rebecca Atwood is 'n tekstielontwerper in Brooklyn met 'n blink e-handelservaring. Die finale produk is 'n pasgemaakte aanlynwinkel wat net so mooi op die selfoon lyk soos op die tafelblad. Die ontwerp vertoon die produkte wat in gebruik is, wat 'n aspirasiebeeld in die kop van gebruikers skep, aangesien hulle die produk in aksie kan sien.

Wat die webwerf goed doen, is dat hulle 'n klik-om-koop-opsie bied, soortgelyk aan wat u sien Instagram waar u onmiddellik na die produkbladsy vervoer kan word.

Sleutel wegneemete: Klik om te koop

E-handel webwerf gebou met behulp van: Shopify

4. Mulberry:

Mulberry is 'n waaghalsige onderneming met 'n opvallende e-handelswebwerf ontwerp. U sien groot kleurvolle foto's en minder woorde met hierdie tipe webwerfontwerp. As u op soek is na 'n hoë-end-modewinkel aanlyn, is Mulberry die ideale plek om inspirasie te kry.

Mulberry se zoom-to-hover-tegniek op beelde vra die gebruiker om op die item te klik en beklemtoon ook die hoë resolusie van die beeldmateriaal. As u vertroud is met CSS of dit aan u webontwerper wil deurgee, is dit 'n eenvoudige handleiding.

Belangrike wegneemete: zoom op die hover

E-handel webwerf gebou met behulp van: Amplience

5. Die New York Times-winkel:

Een ding wat regtig maak Die New York Times-winkel webwerf staan ​​uit is die organisasie en tipografie. Die lettertipes verteenwoordig die New York Times-handelsmerk perfek. Die verskillende produkopsies word in 'n skoon rooster uitgelê, wat die blaai en inkopies 'n briesie maak.

Wat hulle ook goed doen, is dat hulle die typogrpahy vir hul Topverkopers en Verkoopitems in die kopskrif subtiel vetdruk, maar outomaties die aandag trek na die produkte.

Sleutelverhaal: maklik identifiseerbare tipografie

E-handel webwerf gebou met behulp van: Shopify

6. Die Uil:

Die rede Uil is op die lys is hul vreemde neem e-handelswebwerf ontwerp. Die tuisblad lyk nie soos die meeste aanlynwinkels lyk nie. Dit is nie 'n slegte ding nie, want dit maak hul webontwerp kreatief. Kreatiwiteit help winkels om uit te staan. Om iets anders te doen, kan u baie help.

Hul tuisblad is baie minimalisties en hulle het 'n video wat outomaties afgespeel word om hul produkte na vore te bring. Weereens is dit baie edgy en amper betowerend. As gevolg van hul minimalistiese ontwerp, beïnvloed die video nie die spoed vir gebruikers op die webwerf nie.

Belangrike wegneemete: speel outomaties video op u tuisblad

7. Baron Fig:

dit e-handelswebwerf ontwerp is vol wonderlike ontwerpelemente. Die eerste is die minimalistiese en skerp fotografie. Die tweede is die prettige grafika en pakkende frases. Die kleurskema korreleer en komplimenteer die produk. As u op soek is na 'n webwerf wat 'n verskeidenheid elemente gebruik om een ​​samehangende gevoel te skep, dan is Baron Fig ideaal vir u.

Net onder die vou van die tuisblad vertoon Baron Fig 'n rollende vertoning van brokkies uit persartikels van maatskappye soos GQ, Buzzfeed en New York wat onmiddellik u aandag trek.

Belangrikste wegneem: karousel van kommentaar van die pers

E-handel webwerf gebou met behulp van: Shopify

8. Beacon:

Beacon is 'n gesamentlike ontwerpprojek wat plakkate ten goede verkoop. Die webwerf lyk soos 'n aanlyn kunsgalery. Die produkte word vertoon soos werklike plakkate wat aan 'n muur hang. Die ontwerp is eenvoudig met baie min teks en geen onnodige spyskaarte nie.

Met sommige HTML-tegnieke kan Beacon ook die agtergrondprente laat beweeg wat u aandag onmiddellik kan trek.

Sleutelverhaal: agtergrondprente verskuif

E-handel webwerf gebou met behulp van: Shopify

9. Packwire:

Blaai deur die Packwire tuisblad is 'n opwindende avontuur waar u nie weet wat volgende gaan verskyn nie. Die ontwerpkenmerke verskil heeltemal van enige ander webwerf. Daar is aangename pop-ups en skuifbalkies wat die hele webwerf dek. Packwire het 'n sexy webwerf gebou vir 'n baie unsexy-onderneming.

As gevolg van hul ingewikkelde ontwerp en animasies, kan die spoed van bladsye redelik lank wees. Packwire het egter 'n boksie gebruik wat self uitgepak en verpak is om aan te dui dat die bladsy laai. Dit is uniek aan die onderneming en maak die wagtyd baie minder moeisaam.

Sleutel wegneem: unieke laai-ikoon

10. Caroline Z Hurley:

Die groot pragtige foto op die Caroline Z Hurley tuisblad gee 'n gevoel vir hoe die res van die webwerf-ontwerp gaan wees. Die aangename en eenvoudige fotografie verkoop die produk sonder om dit eens te probeer. Kliënte word nie deur produkopsies gebombardeer nie.

Die dame op die foto bewonder die produk duidelik dat sy nie eers besef dat die kamera daar is nie. Dit los regtig van die kaasagtige en standaardafbeeldings van iemand wat na die produk glimlag.

Sleutel wegneemete: fotografie buite die kassie

E-handel webwerf gebou met behulp van: Shopify

11. mooie:

mooie gebruik 'n wye verskeidenheid digitale inhoud soos foto's, animasies en illustrasies om die boodskap suksesvol oor te dra. Die kleurskema en lettertipes skep 'n jong en speelse handelsmerk wat op die hele webwerf sigbaar is.

Hierdie jong en vriendelike gevoel word versterk met die Facebook Messenger-inprop wat aan die webwerf gekoppel is. As u reeds met Facebook gekoppel is, kan u dadelik iemand om hulp stuur. U kan vandag via die kliënt-inprop.

Belangrike wegneemete: koppel Facebook Messenger aan

E-handel webwerf gebou met behulp van: Shopify

12. Storm Londen:

Storm fokus op die demonstrasie van die hoë gehalte van hul horlosies. Sodra u op die tuisblad hiervan is e-handelswebwerf, word u begroet met beskrywings en foto's van elke horlosie. Die wonderlike ontwerp van hierdie webwerf belig selfs die kleinste besonderhede om die potensiële koper te lok.

Soveel dat Storm nie die bladsyonderskrif op hul tuisblad insluit nie, want daar is niks van belang wat daarin is nie. Om nie die aandag van die produk af te trek nie, kan u op 'n plusteken klik om die voetspoor uit te brei.

Belangrike wegneemete: uitgebreide voetskrif

E-handel webwerf gebou met behulp van: Shopify

13. Wolf Gang:

Die ding wat die Wolf Gang webwerf uniek is die donker en swaar ontwerp. Baie werwe gebruik 'n helderder ontwerp met lewendige kleure, maar Wolf Gang is die teenoorgestelde. Die tipografie is vet en in u gesig. Die webwerf trek dadelik u aandag.

Wat Wolf Gang ook goed doen, is dat hulle die moegheid uit blaai. Met een flits van die bal in jou muis en jy skuif auotmaties na die volgende afdeling, baie slim.

Sleutel wegneem: blaai deur seksies

14. MSMG:

MSMG is die klassieke voorbeeld van die gebruik van lewendige kleure en foto's.

Wat my die meeste opgeval het met die MSMG, was dat die muiswyser na 'n M. draai. Ja, miskien dink jy op hierdie punt wat baie 1990's is! Ja, dit is wel, maar mense hou van nostalgie en 'n terugslag. Is dit tyd om dit vir u webwerf te aanvaar?

Sleutel wegneemete: Omhels retro

15. Nog ':

'N Ander gebruik 'n klewerige knoppie wat die naam van die maatskappy voor en agter hou, maak nie saak waar u op die webwerf gaan nie. Die algehele ontwerp is stylvol maar tog onvergeetlik. Dit bied 'n roosteragtige ontwerp wat die oog maklik van een ding na die volgende trek.

Hul webwerf is direk in die middel verdeel. 'N Ander draai eenvoudig die teks en beelde om dit interessant te hou; dit maak die webwerf soveel makliker om na te kyk, eerder as 'n webwerf wat geen simmetrie of orde het nie.

Belangrikste wegneem: selfs afdelings sorg vir 'n skoner ontwerp

E-handel webwerf gebou met behulp van: WooCommerce

16. Twee sjimpansees koffie:

Die uniekheid van die handelsmerk skyn deur Twee sjimpansees nommer een prioriteit. Die hamburger-spyskaart het 'n seldsame ontwerp en verskyn. Die hele webwerf bevat verskillende kenmerke.

As u probeer om die webwerf te verlaat, word u ontmoet met 'n “Please Don't Go” pop-up met 'n oproep tot aksie (GTA) wat sê: "Gimme Some", dit is baie speels en klop die baie onoorsiene "add to basket" .

Sleutel wegneemete: slim CTA's

E-handel webwerf gebou met behulp van: WooCommerce

17. Nie 'n wetsontwerp nie:

Nie 'n wetsontwerp nie is 'n wonderlike voorbeeld van 'n aanlynwinkelontwerp wat in die skare uitstaan. Hul produkte is mooi en skoon. Die webwerf ontwerp maak gebruik van kleur van die produkte en wit ruimte op die agtergrond om die artistieke produkte te vertoon.

Hulle bou hulself daarop om 'n webwerf te wees wat unieke geskenke bied. Dit word beklemtoon deur die dropdown op die tuisblad wat u direk na die produk neem wat u verlang. Binne twee klikke kan u byvoorbeeld 'Wenskaart' vir 'Tieners' vind. Dit vergemaklik die proses.

Belangrike wegneemete: Vereenvoudig hoe mense u produkte vind

18. Sense6:

Sense6Die gebrek aan kleur laat dit by die skare uitstaan. Die hele webwerf is hoofsaaklik swart en wit. Die min ander kleure wat op die webwerf gebruik word, is opsetlik en minimaal. Daar is klein blokke van goud om die oog op sekere spyskaarte en knoppies te rig.

Belangrikste wegneemete: minder is meer met kleur

19. Manolo Blahnik:

Manolo Blahnik het 'n loopbaan wat oor 40 jaar strek, dus moet hul webwerf weerspieël hoe gesog hulle is.

As u op die bladsy blaai, lyk dit soos 'n paadjie wat ooreenstem met hul handelsmerk. Manolo het ook 'n skadu-effek agter hul produkte geskep, wat baie uniek is in hierdie lys.

Belangrike wegneemete: gebruik 'n skadu-effek op u beelde om impak te gee

20. Naturelleunie:

Die skuifbanier maak die webwerf interaktief vir die gebruiker en is maklik om na die verskillende bladsye te navigeer. Die gebruik van prente op die hele webwerf is meer aangrypend as slegs teks en verteenwoordig die produkte beter. Foto's van die produkte is voor en in die middel en laat die gebruiker minder vrae.

As u die Native Union-koplys kies, word die subproduksies uitgelig sonder dat u daarop hoef te klik. 'N Bykomende voordeel is dat ikone vir gebruikers gebruik word om maklik te identifiseer waarop hulle sal klik.

Sleutel wegneem: gebruik ikone om produkte te vertoon

E-handel webwerf gebou met behulp van: BigCommerce

21. Werklik goed gemaak:

Werklik goed gemaakDie webwerf is, baie goed, vervaardig. As u op soek is na 'n goeie voorbeeld van hoe om u sosiale media-feeds op te neem, dan is hierdie webwerf die perfekte voorbeeld. Really Well Made vertoon hul Instagram-feed direk op die tuisblad. Dit is 'n uitstekende manier om kliëntevertroue op te bou.

Hulle lig hul blog ook helder op hul tuisblad. Die artikels is fantasties en help hulle om fotografie te beklemtoon wat hulle nie op hul produkbladsye mag gebruik nie.

Belangrike wegneemete: beklemtoon u blog waar u minder verkoopbaar is, en mense sal dit waardeer.

E-handel webwerf gebou met behulp van: Shopify

22. MyRo:

Myro se produk is nie veel om na te kyk nie, dit is in wese 'n herwinbare hervulpodule, dus om 'n lewenstyl rondom hul produk te skep en dit tot hul lewe te bring in hul webwerf-ontwerp is uiters belangrik.

Om die eenvoud van hul produkte te vertoon, gebruik Myro 'n interaktiewe gif onder die vou van die tuisblad wat u regtig verspeur en die gebruik en doeltreffendheid van die produk binne 'n paar sekondes beklemtoon.

Belangrike wegneemete: gebruik interaktiewe gifs om u produk in aksie te wys

E-handel webwerf gebou met behulp van: Shopify

23 Kaffefamiljen:

Infografika is 'n prettige, dog effektiewe manier om 'n produk en besigheid te beskryf. Dit breek dit af vir die kliënt en maak dit aangenaam om na te kyk. Kaffefamiljen is die perfekte voorbeeld van die korrekte gebruik van infografika om die gebruiker in te teken.

Wat hulle ook goed doen, is om taal te gebruik soos 'jou koffie', 'welkom by die gesin' en 'wat die beste by jou pas'. U voel regtig 'n deel van die handelsmerk as 'n onderneming dit doen.

Belangrike wegneemete: gebruik inklusiewe taal in u webwerfontwerp

24. Michael Petrov - Emersion:

die blootstelling is 'n eenvoudige dog pragtige ontwerp. Dit bevat sewe verskillende blaaiblaaie. Elke bladsy is soortgelyk met 'n klein hoeveelheid teks en 'n illustrasie. Die baie min ontwerpelemente wat gebruik word, het 'n groot impak.

Alhoewel dit miskien nie te relevant op u webwerf is nie, maar Emersion gebruik paginasie in die regter onderkant om die gebruiker in te lig hoeveel bladsye oor is. Dit verseker dat die kliënt nie gefrustreer raak nie.

Belangrike wegneemete: gebruik paginering om moegheid te sorteer

E-handel webwerf gebou met behulp van: Maklik Digital Downloads

25. The Burren Parfumery:

Die Burren Parfumerie maak baie staat op lewensstylfoto's van hul produkte. Daar is pragtige foto's van hul parfuum wat gemaak en gebruik word. Die samestelling van die foto's is geweldig. Het u ook hul aangename lettertipe opgemerk?

Burren se webwerfontwerp is opgestel sodat gebruikers outomaties hul handelsmerk kan koop. Die leefstylfotografie wat saam met hul storie saamwerk, is 'n fantastiese taktiek om mense in te lok.

Belangrike wegneemete: Verduidelik u besigheid en laat kliënte by u inkoop

E-handel webwerf gebou met behulp van: Shopify

26. Via Kopenhagen:

Die bestemmingsblad van Via Kopenhagen blaai nie voortdurend nie, maar verander eerder bladsye heeltemal terwyl u blaai. Dit is vet en karig, waardeur elke produk van die skerm af spring. Die neutrale kleurpalet is pragtig.

Sleutel wegneem: vervang hele bladsye met 'n boekrol

27. Red Khaki

Save Khaki se ontwerp is baie minimalisties, met 'n sterk klem op beelde wat die breedte van die bladsy strek.

U kan artikels en verslae lees oor waarom dit nie die beste idee is om 'n karrousel op u tuisblad te gebruik nie. Daar word berig dat dit gemengde boodskappe bevorder en dat dit die indruk wek dat die winkel nie weet wat hulle wil vertoon nie.

Dit is egter reg gedoen, en dit kan u webwerf 'n uitstekende estetiese vorm gee. Behalwe Khaki, moenie verskillende boodskappe druk wat hulle gebruik om hul produkte in die daaglikse gebruik uit te lig nie, terwyl die manswinkel- en dameswinkel staties bly, sodat mense kan besluit om te shop wanneer hulle wil.

Belangrike wegneemete: gebruik karrousels om u verskillende produkte te bevorder

E-handel webwerf gebou met behulp van: Shopify

28. Buffy Comforters:

Die agtergrondfoto laat die gebruiker reg op die bank wil spring en onder die Buffy trooster. Buffy beweer dat hulle die pluisigste, sagste en ligste trooster ooit is en die webwerf maak dit meer as geloofwaardig. Dit verkoop die produk moeiteloos.

Sodra u begin blaai, bied Buffy ook 'n afslagkode as 'n opspringer. Dit is 'n duidelike tegniek, maar is baie effektief.

Belangrikste wegneemete: opspringplek met afslagaanbieding

E-handel webwerf gebou met behulp van: Shopify

29. 450 GSM:

450 GSM het nie 'n fancy webwerf nie. Dit is prakties en ideaal vir die onderneming wat aangebied word. 450 GSM wys dat jy nie oorboord hoef te gaan om 'n goeie webwerf te hê nie. Dit is goed om eenvoudig en maklik te navigeer.

As u sien dat u bedryf nie die interessantste is nie, moet u nie probeer om iets te maak wat dit nie is nie.

Belangrike wegneemete: minder is meer

30. Slegs een keer:

Die uitleg van die oesjaar-artefakte is pragtig. Die verskillende artefakte is in lyn met 'n netjiese rooster wat dit maklik maak om te blaai. Die gebruik van witruimte rondom elke produksievierkant laat die werf skoon en georganiseerd voel. Die foto's dra die sjarme, karakter en verhaal van elke stuk oor.

Dit is weereens 'n goeie geval van hoe nostalgiese produkte goed kan presteer. Mense hou van die verlede, en die eenvoudige / eenvoudige / eenvoudige ontwerp laat die produkte praat.

Belangrikste wegneemete: terugwerkend op datum is baie gewild

31. Aesop:

Die e-handelswebwerf ontwerp van Aesop fokus op die skoonheid en natuurlikheid van hul velsorglyn. Dit bestaan ​​uit naastenby foto's van die produk en sy verpakking. hierdie e-handelswebwerf is 'n goeie voorbeeld van hoe om skoonheids- en velsorgprodukte op 'n gesofistikeerde manier te fotografeer.

Dit is sofistikasie wat ondersteun word deur hoeveel asemhalingsruimte hulle die produkte gee. Die meeste maatskappye fokus op 'n massiewe logo en 'n reuse-spyskaart. Laat ons wel kyk; klante hou nie van u logo nie en hulle sal na u spyskaart kyk, dit behoort nie die bladsy te oorheers nie.

Belangrike wegneemete: Groot spyskaarte en logo's is nie belangrik nie

32. MAKR:

Die bestemmingsblad is spesifiek op MAKR tog interaktief vir die gebruiker. Dit bevat rye verskillende leerprodukte wat van kleur verander na gelang die gebruiker daaroor hang. Dit toon nie net die verskillende produkte en kleure nie, maar dit laat ook die belangstelling ontlok.

Dit wys ook hoe verskillende produkte saam met verskillende klere sal lyk. Mense hou miskien van 'n produk, maar hoe pas dit by wat hulle dra? Dit is die moeite werd om in gedagte te hou.

Belangrike wegneemete: vertoon u bykomstighede met verskillende klere

E-handel webwerf gebou met behulp van: Magento

33. 42 / 54:

42 / 54 gebruik lewendige kleure tot hul voordeel. hierdie e-handelswebwerf skram nie weg van die waaghalsige agtergrondkleure nie. Maar let op dat hul algehele e-handelswebwerf ontwerp is oor die algemeen redelik lig. Die helder kleure is klein aksent.

42/54 toon, soos die vorige webwerwe hier genoem, dat 'n kopkieslys nie noodwendig belangrik is nie. Die spyskaart kom eers in plek as u na onder blaai, wat ekstra klem lê op die herfs- / winterversameling wat hulle bevorder en die klikfrekwensie verhoog.

Belangrike wegneemete: bring 'n hoofmenu in nadat u u produkte uitgelig het

E-handel webwerf gebou met behulp van: Shopify

34. Eenvoudig Sjokolade:

Die ontwerp van hierdie e-handelswinkel vir sjokolade-ondernemings in Denemarke, gee genoeg ruimte om elkeen van hul produkte individueel te laat skyn. As u deur die bladsy blaai, dryf 'n nuwe sjokoladestafie in die middel van die bladsy op, met elke sjokoladestafie wat 'n individuele kleurtema het en 'n prettige naam.

Die webwerf-ontwerp van hierdie e-handelswinkel kan nie met baie ander in hierdie lys vergelyk word nie. Die spyskaart is eintlik sywaarts vir die begin. Wat hulle goed doen, is dat die agtergrondprente u meer oor die produk kan vertel. Gebruik eerder beelde van aarbeie en neute eerder as om woorde te gebruik, eenvoudig Chococlate.

Belangrike wegneemete: gebruik u agtergrondprente om u produkte te beskryf

E-handel webwerf gebou met behulp van: WooCommerce

35. Afmetingsvolumes:

Die opvallendste ding van die Afmetingsvolumes e-handelswebwerf is die gewaagde tipografie. Die groot lettertipe trek u aandag en skep afmetings op die hele werf. Die lettertipe is net 'n bietjie dikker as wat u gewoonlik aanlyn sien. Dit laat die webwerf-ontwerp nog verder uitstaan.

Belangrikste wegneemete: Moenie bang wees om met jou teks VETTIG te wees nie

36. Tieneringenieurswese:

Tieneringenieurswese het een van die beste ontwerp e-handelswebwerwe in ingenieurswese. Dit lyk presies hoe u sou verwag dat 'n ingenieurswese-webwerf sou lyk, maar dit het ook 'n jong, moderne gevoel. Die swart agtergrond en wit lettertipe laat dit uitstaan.

Hulle gebruik ook herhaaldelik kleinletters, wat beslis 'n tendens is wat meer ondernemings aanvaar om 'n jonger gehoor te lok wat dit verkies.

Sleutel wegneem: kleinletters is in. Ok

37. Vipp:

Vipp verkoop minimalistiese huishoudelike items. Hul webwerf volg 'n minimalistiese ontwerp. Die produkte is pragtig georganiseer, maar nie in 'n vervelige roosteruitsig nie. Hierdie webwerf wys dat dit in orde is om by die basiese beginsels te hou, besprinkel met 'n paar fancy eienskappe.

Wat ek van Vipp hou, is die manier waarop hy hul prodcut beklemtoon wat in gebruik is nadat u dit gesweer het. Gebruikers hou van die gepoleerde ateljeefotografie en dit word dus gebruik, gee hulle albei opsies.

Belangrike wegneemete: span u ateljee-fotografie in met leefstylfotografie

38. STAUD:

Staud is nog 'n voorbeeld van e-handelswebwerf ontwerp wat helder kleure gebruik. Die kleure word in foto's, die produk sowel as agtergronde gebruik. Die teks is alles in wit en swart. Die balans hier is baie goed.

Wat STAUD goed doen, is dat hul opspring-aanbod klewerig bly op hul webblad aan die regterkant. Die meeste mense kan pop-up-aanbiedings klik en klik, dus is dit belangrik om dit in hul visier te hou.

Sleutel wegneemete: gebruik 'n klewerige regsmenu-widget om u verwelkomingsafslag te adverteer

E-handel webwerf gebou met behulp van: Shopify

39. Mallika Favre:

Malika Favre is 'n ontwerp in u gesig. Dit elimineer die gebruik van wit ruimte heeltemal en gebruik helder, kleurvolle grafieke op die hele skerm. hierdie e-handelswebwerf ontwerp is onvergeetlik en kreatief.

'N Verdere gebruik van interaktiewe beelde is dat Mallika die prys vertoon wanneer die gebruiker oor die produk beweeg.

Belangrike wegneemete: vertoon pryse en produkname as gebruikers oorbly

E-handel webwerf gebou met behulp van: Big Cartel

40. Verk:

VerkDie tuisblad fokus baie op die doel, die ingenieurswese en die hoë standaard van die produk. Hulle spring nie reg om hul goed te verkoop nie. Hulle praat oor kwaliteit en trots in plaas van die nuutste verkoop of promosie. Die hele taktiek wys vir die kliënt dat Verk omgee vir elkeen van hul horlosies.

Verk adverteer hul horlosies as “minimalisties”, so dit is verbasend dat hul webwerf dit weerspieël. Hulle is 'n onderneming wat baie bewus is van hul handelsmerk.

Belangrikste wegneemete: maak seker dat u webwerf spieëls is wat u merk

E-handel webwerf gebou met behulp van: Shopify

41. OPBRENGS:

OPBRENGS organiseer al die produktfoto's in 'n unieke roosterontwerp met al die belangrike teks bo-op die foto's. Die tuisblad is pragtig met baie minimale teks. Al die teks en inligting word mooi weggesteek in 'n hamburgerrooster aan die linkerkant.

YIELD se mega-spyskaart is uitstekend in die ontwerp. U kan 3 vlakke na 'n produk daal, maar dit voel terselfdertyd nie aanmatigend nie, omdat die spyskaarte anders ontwerp is.

Belangrike wegneemete: Moenie bang wees dat u mega-menu na 'n onderafdeling gaan nie

E-handel webwerf gebou met behulp van: Shopify

42. Charlotte Stone:

Dit is 'n voorbeeld van 'n e-handelswinkel vir vroulike skoene met 'n baie sagte ontwerpersvoorkoms. Die belangrikste kleure wat u hier sien, is ligpienk, geel en wit, gepaard met sagte patrone. hierdie e-handelswebwerf ontwerp pas goed met die produk wat hulle wil verkoop. Dit voel baie vroulik en vars, met die lettertipe wat ooreenstem met die res van die webwerf se voorkoms.

Wat Charlotte Stone goed doen, is dat hulle nie verkope op u afdwing nie. Hulle wil jou net laat aanmeld vir hul nuusbrief, dit doen hulle deur die kleur van die agtergrond elke paar sekondes op die aanmeldvorm te verander.

Belangrikste wegneemete: let op u aanmeldvorms deur die kleur te verander

E-handel webwerf gebou met behulp van: Shopify

43. Minna May Designs:

As 'n onderneming wat spesialiseer in handskrif en illustrasies, sou u verwag dat u soortgelyke tegnieke op die Minna May webwerf. Die webwerf bevat pragtige lettertipes, ligte kleure en fyn beelde. Die ontwerp agter die onderneming kom in alle opsigte op die webwerf voor.

Wat aan Minna May aan die ander winkels verskil, is dat hulle hul produkte op ander platforms verkoop. Hulle gebruik egter hul webwerf vir ekstra ontwerpfunksionaliteit en om hul verhaal na vore te bring.

Sleutel wegneemete: gebruik u webwerf as 'n portaal vir u Etsy-winkel

E-handel webwerf gebou met behulp van: Squarespace

44. Triangl:

Triangl vertoon hul swembroeke op 'n unieke en ander manier. In plaas daarvan dat die swembroeke in die tipiese rooster uitgelê word, word hulle deur drieë op 'n skuifknop georganiseer. Die prys en ander inligting is nie gefokus nie. Die webwerf gebruik ook groot hoeveelhede witruimte om die oog te rig.

Belangrikste wegneemete: wit ruimte is nie verkwistingsruimte nie

E-handel webwerf gebou met behulp van: Shopify

45. Bacca:

Bacca verkoop handgemaakte houtskootrekenaarstaanders. hulle e-handelswebwerf ontwerp is vol wonderlike ontwerpelemente. Die eerste is die prettige kleure en grafika wat u onderaan hul tuisblad sien. Die tweede is die kwaliteit foto's van hul erwe. Let op dat die erwe alleen is sonder iets op die agtergrond. Dit help die produk om uit te staan.

Belangrike wegneemete: gebruik gewone agtergronde vir u prente

46. Umbra Shift:

Dit is nie ongewoon dat tuisbladsye vir ewig voortduur nie, gevul met allerhande inligting en foto's. Umbra Shift neem die teenoorgestelde benadering. Dit het 'n baie kort tuisblad wat dit 'n minder oorweldigende gevoel gee. Dit laat die kliënt gemakliker voel.

Umbra gebruik ruimte baie goed en hul produkte oorheers hul tuisblad, wat verseker dat hulle op enige toestel groot lyk.

Belangrike wegneemete: gebruik die volle breedte van u webwerf

E-handel webwerf gebou met behulp van: BigCommerce

47. Fitzy:

Die fotografie op Fitzy is absoluut puik.

'N Vinnige skandering van hul webwerf en u kan sien dat paspoortportefeuljes by ontbyttafels vertoon word, 'n sak van kersieblomstyl tussen kersiebome en gordels omring deur die materiale wat dit gemaak het.

Handgemaakte produkte en die oplewing van etsy is groot in die e-handelswêreld. Wat Fitzy goed doen, is dat hulle dit as hul kenmerk vertoon en dit deurgaans versterk met hul close-upfotografie.

Belangrikste wegneemete: verkoop handgemaakte produkte? Gee egtheid deur aan te toon hoe u dit gemaak het

E-handel webwerf gebou met behulp van: Shopify

48. Lees slegs geheue:

Leesalleen geheue gepubliseerde boeke oor videospeletjies, dus is dit net sinvol om 'n webwerf met 'n videospeletjie-ontwerp te hê. Soos die onderneming, is die webwerf die perfekte mengsel van videospeletjies en boekontwerpe. Dit bevat 'n groot blokroosteragtige stelsel om die produkte te organiseer.

Nog 'n goeie gebruik van 'n klewerige spyskaart hier, hierdie keer op die produkbladsye waar die byvoeg-na-mandjie en afhandeling-opsies u volg sodra u op 'n produk klik

Belangrikste wegneemete: gebruik klewerige spyskaarte op u produkbladsy om u omskakeling te help

E-handel webwerf gebou met behulp van: WooCommerce

49. Goeie gemoedere:

Goeie gemoedere is een van die mees esteties aangename webwerwe. Dit is 'n perfekte mengsel van vet en helder, maar tog sag en sag. Dit bevat pragtige leefstylfotografie. Die kleurpalet is kalmerend daaroor.

Good Moods het meer as 15 XNUMX volgers op Instagram en deur na hul webwerf te kyk, kan u sien dat hulle groot is met fotografie. So, as u dit wil flap, integreer u sosiale media-platforms in u e-handelswebwerf ontwerp

Belangrike wegneemete: beklemtoon jou Instagram as jy 'n groot fotografie het

50. Aida Eats:

Daar is soveel gloeiende dinge om oor hierdie webwerf te sê; ek sal dit egter kortliks hou. Die lyn hier is eenvoudig, helder en o so punchy. Dit vertel kliënte dadelik dat hulle op die regte plek is;

'Eet goed. Vermaak maklik '.

Dus weet verbruikers van die begin af waar Aida Eats gaan.

Ons hou ook van die beelde op die tuisblad. Hulle vertoon sommige van hul gunsteling produkte deur oop pakkies met verskillende versnaperinge daaruit te drink.

Dit is ongelooflik slim.

Nie net lyk dit indrukwekkend nie, maar dit wys ook die klante wat Aida Eats te bied het. Die kliënt word blootgestel aan hul produkte sonder om eers na iets te hoef te soek - dit is geniepsig!

Belangrikste wegneemete: gee 'n bietjie nadenke aan u tagline. Stel iets op waarop u klante verband hou, en onthou dit hopelik. Dit moet in net 'n paar woorde beklemtoon waarvoor u handelsmerk staan.

E-handel webwerf gebou met behulp van: Shopify

51. Molekule:

Molekul maak die beste uit hul enorme videobanner op hul tuisblad. Dit wys hul kernproduk in aksie en gee besoekers 'n blik op die wetenskap agter hul lugsuiweraars. Dit werk wonders om vertroue en geloofwaardigheid by hul gehoor te bou.

Ons is ook mal daaroor dat as u na onder afrol, die eerste ding wat u sien, 'n bewys is van hul uitnemendheid. Hulle het die toekennings wat hulle vir hul produkte verower het, saam met 'n klein logo wat die toekenning verteenwoordig, gelys. Byvoorbeeld - Beste nuwe produk in 2017 van die Edison Awards.

Belangrike wegneemete: publiseer sosiale bewys op u tuisblad om die geloofwaardigheid te verhoog.

52. Kaptain:

As u slegs 'n paar geselekteerde produkte verkoop, haal u 'n blaadjie uit die boek van Kaptain. Op hul tuisblad hou hulle dinge ongelooflik eenvoudig deur hul produkte vir hulself te laat praat. Al wat hulle het, is 'n paar klikbare foto's op 'n wit agtergrond.

U weet immers wat hulle sê - ''n prent spreek duisend woorde.'

Belangrike wegneemete: ontknop jou tuisblad. Onthou, minder is gewoonlik meer.

53. Boonvoorsiening:

Die meeste mense wil geld aan liefdadigheid skenk. Dus, Boon Supply klop dit uit die park deur kliënte in staat te stel om 40% van die totale koste van hul aankoop te gee aan die liefdadigheidsorganisasie van hul keuse.

Hierdie USP word in hul streeplyn uitgelig, sodat mense dadelik weet wat Boon Supply anders as sy mededingers maak.

Belangrike wegneemete: sluit u USP in u tagline in.

E-handel webwerf gebou met behulp van: Shopify

54. Austin Eastciders:

Die kopie aan Austin Eastciders'tuisblad is baie indrukwekkend. Sodra u verby hul indrukwekkende videobanier beweeg, bereik u 'n skyfievertoning met hul gunsteling produkte.

Hulle weet beslis hoe om hul produkte te posisioneer om hul teiken demografies te lok. Hulle gebruik woorde soos; 'droë sjampanje', 'bevat slegs 3 g suiker', 'hou by u besluite' - u sien wat hulle hier doen ... hulle identifiseer die behoeftes van hul klante en verduidelik hoe hul produk aan die behoefte voldoen.

Belangrike wegneemete: leer u gehoor ken en verseker dat dit in u eksemplaar weerspieël word.

E-handel webwerf gebou met behulp van: Shopify

55. Pakkie gratis winkel:

Een van die beste dinge oor die Pakkie gratis winkel is die plastiekvrye verpakking. Dit is een van hul USP's, en hulle maak dit bekend in beide hul kop (waar hulle ook gratis aflewering bied vir bestellings van $ 25 of meer) en verder op hul tuisblad.

Belangrike wegneemete: As u gratis aflewering kan aanbied, hou dit so; kliënte hou hiervan! 'N Styging in omskakelings is byna onvermydelik.

E-handel webwerf gebou met behulp van: Shopify

56. The Goodwell Company:

Gewoonlik is ek nie 'n fan van pop-up-opt-in-vorms nie, want oor die algemeen irriteer hulle besoekers. Die Goodwell Company bied 'n wonderlike een!

Besoekers kan die wiel draai vir 'n kans om afslag te kry wanneer hulle hul naam en e-posadres verstrek. Dit is 'n prettige manier om waarde aan u kliënte te lewer.

Belangrike wegneemete: vind en gebruik 'n unieke styl van intekeningvorm. Dit is baie waarskynlik dat u kliënte sal help om hiermee te werk.

E-handel webwerf gebou met behulp van: Shopify

57. Flower:

Terwyl u deur blaai FlowerOp die tuisblad sal u sien hoe dit presies is om 'n inskrywingskas te gebruik en te bestel, wat dit baie maklik maak om die proses te verstaan.

In die geval van Blume, hoef u net te kies wat u wil, kies hoe gereeld u een van u verpersoonlikte kassies wil ontvang, en dit dan kanselleer wanneer u wil - hoe eenvoudig is dit ?!

Belangrike wegneemete: hou u kopie eenvoudig om uit te reik na kliënte wat nie u handelsmerk ken nie.

E-handel webwerf gebou met behulp van: Shopify

58. Reses

Ek hou van hul leuse, en die mens maak dit bekend. Die woorde '' we canned a feeling '' word oral op die tuisblad gepleister.

Dan langs die leuse is 'n blikkie langs bewegende wolke, wat 'n hemelse atmosfeer gee.

Dit maak sin. Mense wil goed voel. Dit is so eenvoudig soos dit en Reses gebruik hiervan met hul webontwerp en kopieskryf.

Belangrike wegneemete: dink aan wat u kliënte wil voel, en doen 'n beroep op dit via u webontwerp.

59. Paartjie:

In die regter onderkant van PaartjieDie tuisblad is 'n kletsboks. Dit gee besoekers onmiddellike toegang tot die paartjie se ondersteuningspan.

Kletsbakke is wonderlik om u kliëntediens te verbeter en om besoekers te wys dat u toegewyd is om hul vrae en vrae vroegtydig te beantwoord.

Belangrike wegneemete: Oorweeg dit om 'n chatbox-inprop te gebruik om die kwaliteit van u kliëntediens te verbeter.

E-handel webwerf gebou met behulp van: Shopify

60. Kry kamer:

As u handelsmerk een handtekeningproduk het, doen wat Kry kamer doen en maak dit die eerste ding wat u op u tuisblad sien. Hulle gebruik hoëprofielfoto's om die koper 'n beter idee te gee van wat om te verwag as hulle hul swaarverdiende kontant daarmee spandeer.

Hulle gebruik nie net 'n kort, vinnige kopie om hul sleutelproduk te beskryf nie, maar hulle beklemtoon ook hul oproep tot aksie-knoppie deur dit helderder te maak as die ander elemente op die bladsy.

61. Port of Mokha:

On Port of MokhaOp die tuisblad gee hulle kliënte twee opsies. Hulle kan óf 'n maandelikse pakket inskryf óf individuele produkte koop.

Hierdie handelsmerk maak hierdie keuses duidelik vanaf die begin, sodat verbruikers hul opsies ken voordat hulle die res van die webwerf besoek. Om 'n winkel te hê wat maklik is om te gebruik, is dit noodsaaklik om u omskakelingskoerse te verbeter.

Belangrike wegneemete: maak maklik om te navigeer op u webwerf.

E-handel webwerf gebou met behulp van: Shopify

Die skep van die perfekte e-handel webwerf

Daar is baie belangrike lesse om van die lys e-handelswebwerwe wat hierbo genoem is, weg te neem, maar dit is belangrik om te onthou dat alle webwerwe verskillend is. Alhoewel u beslis moet streef om u aanlynomgewing so gebruikersvriendelik en aantreklik moontlik te maak, moet u ook mooi nadink oor 'n aantal ander dinge.

Byvoorbeeld, alle webwerwe moet gemaklik wees om in hul kerngebak te bak, sowel as sterk produkbeskrywings, unieke kassiebladsye en eenvoudige oplossings om u kliënte te help om hul geld met gemak te spandeer.

Dit is egter die klein besonderhede wat u by u aanlynonderneming voeg, wat dit regtig help om uit te staan.

Dink byvoorbeeld aan:

• Die gehoor wat u probeer lok: Verskillende soorte kliënte verwag verskillende dinge op 'n webwerf. Sommige jonger gehore verwag meer animasies en grafika, terwyl B2B-kliënte baie betroubare inligting verwag.
• Die begroting waarmee u moet werk: Klein ondernemings is oor die algemeen beperk tot kontant. Terwyl instrumente soos WordPress u toelaat om u webwerf gratis te begin bou, moet u steeds self vir 'n paar belangrike beleggings betaal.
• Hoe u sakemodel gaan lyk: Sommige kleinsakeondernemings verkoop produkte via hul eie afrekeningsbladsye. Ander integreer hul e-handelswebontwerp met instrumente soos Amazon of dropshipping-dienste. As u weet hoe u aan kliënte gaan verkoop, sal dit u e-handelsontwerp aansienlik beïnvloed.
• Hoe u u webwerf gaan adverteer: Onthou, mense sal jou nie net op hul eie kom soek nie. U moet nadink oor hoe u kliënte via Google met soekenjinsoptimalisering kan lok, miskien wil u ook dinge soos e-posbemarking met u SEO probeer.
• Hoe u u produkte gaan vertoon: Gaan u uitsluitlik by die produkprente hou, of wil u u skyfievertonings en -video's aanbied wat hulle kan help om die potensiaal van u produk te benut? Dit is wonderlik om nuwe funksies by te voeg, maar u moet sorg dat u u webwerf nie vertraag nie.
• Hoe jy gaan uitstaan: Maak nie saak watter produkte u verkoop nie, van pasgemaakte t-hemde tot mobiele toestelle, u kan wed dat daar iemand is met dieselfde produkkategorieë as u. Dit maak dit vir jou belangrik om 'n manier te vind om jouself van jou kompetisie te skei.
• Hoe kan u die beste klantervaring lewer? Klante soek vandag meer as enigiets anders na sensasionele ervarings. Opdateer u winkelontwerp om op die gemak van gebruik te fokus. Dit sluit in die verskaffing van 'n responsiewe ontwerp wat op enige slimfoon werk, en 'n gladde afrekenproses met baie betaalopsies.

Die ontwikkeling van 'n deeglike sakeplan sal u soms help om u e-handelsstrategie vir e-handel in die regte rigting te stuur. Hoe meer u weet van u onderneming, u kliënte en selfs van u mededinging, hoe makliker sal u wees om te verseker dat u nie waardevolle verkope verloor nie.

U kan selfs besluit dat u 'n nuwe soort sakeplan sal probeer. Baie nuwe ondernemings begin byvoorbeeld eksperimenteer DROP as 'n eenvoudige manier om hul bestellings na te kom sonder om in pakhuisstrategieë te hoef te belê.

Inspirasie vind vir e-handel webontwerp

Alhoewel die voorbeelde hierbo u nie presies kan wys nie hoe om die uiteindelike webwerf vir e-handel te ontwerp, kan hulle u nuttige inligting gee oor wat dit verg om 'n webwerf suksesvol te maak. Dit is aan u om uit te vind wie u kliënte is en wat hulle van u webwerf benodig. Maar u kan die vorige webwerwe as inspirasie gebruik om u in die regte rigting te laat beweeg.

Daar is stapels ongelooflike webwerwe regoor die internet in u nis en ander wat u kan wys hoe wonderlik e-handelswebwerwe kan wees, as u weet hoe om dit behoorlik te maak.

As u na die aantreklikste e-handelswebwerwe van vandag kyk, kan u sien dat dit nie net die pragtige webblaaie is wat u onderneming vorentoe dryf nie, maar alles van soekenjinsoptimalisering tot die vermoë om verskeie soorte kredietkaartbetalings te neem.

As u 'n eie e-handelsbedryfswebwerf ontwikkel, is u die beste om na die bestaande webwerwe te kyk en maniere te vind om u eie oplossing nog beter te maak. Dink na oor wat u kompetisie doen, en vra uself af wat u kan doen om u van die skare te onderskei. Dit kan beteken dat u meer funksies by u mandjie wil voeg, soos PayPal Betalingsmetodes.

Aan die ander kant kan u besluit dat u 'n persoonlike boetiekarea vir aanlyn inkopies wil skep, waar kliënte hul eie name en ander besonderhede by die produkte kan voeg deur gebruik te maak van 'n druk-op-aanvraag-diens.

Die gemiddeld e-handel webwerfbouer vandag kom met 'n aantal fantastiese maniere om 'n positiewe eerste indruk op u gehoor te maak, en om hulle te laat terugkom vir meer. As u produkbeskrywings en -foto's van hoë gehalte oorskry om u gehoor te wys wat u aanlynbesigheid spesiaal maak, is dit 'n uitstekende manier om meer verkope op lang termyn te verseker.

Onthou net dat u die regte gereedskap nodig het om aan die gang te kom, Magneto, Squarespace, WordPress en ander toonaangewende e-handelsboubouwers kan net soveel op hul eie lewer. Miskien moet u ook inproppe en byvoegings ondersoek om ekstra funksionaliteit op u webwerf te bring, of selfs oorweeg om met 'n spesialis te werk.

Beste e-handelswebwerfontwerpe: Afwerking van gedagtes

Dit is 'n opsomming van ons afronding van die top e-handelswebwerwe van 2020. voel jy geïnspireer?

Onthou net dit. Dit gaan nie oor hoe ons wil hê dat die webwerf moet lyk nie. Dit gaan oor hoe dit vir hulle moet lyk, en hoe maklik dit vir hulle is om te koop. As u die maklike roete wil volg, kan u eenvoudig 'n e-handelsplatform gebruik soos Shopify or BigCommerce en maak gebruik van die wonderlike temas wat hulle aanbied.

Het u enige ander teëgekom? e-handelswebwerf ontwerpe waarvan jy hou? Kom ons praat in die kommentaar hieronder!

Redakteursnota: Hierdie pos is oorspronklik op Maart 2018 gepubliseer en is heeltemal opgeknap en opgedateer vir akkuraatheid en omvattendheid.

Funksie-beeld deur Maria Ivina