Webontwerp speel 'n belangrike rol in die skepping van 'n suksesvolle e-handelswebwerf. Die beste produk ter wêreld kan maklik misgekyk word as die ontwerp nie daar is om die aanbieding te rugsteun nie.
Die beste deel van webontwerp en wenke is dat baie ontwerpadvies gebaseer is op data en gevallestudies. Alhoewel daar altyd ruimte is vir kreatiwiteit en inspirerende uitdrukking, bied data-gedrewe advies tasbare resultate.
Die doel is om meer van u handelsnaam te verkoop. Of dit nou deur slim is ontwerpelemente of gewaagde uitsprake wat kliënte nuuskierig sal laat voel om meer te weet.
'N Fantastiese webontwerp inspireer gebruikers om op te tree, maar help ook om die vertroue wat gebruikers in u handelsmerk het te versterk. Die aksie is wat dryf verkope, en ontwerp is daar om gebruikers aan te moedig om aksies uit te voer soos koop of uitreik.
Hierdie artikel is vir almal wat die ontwerp van hul eCommerce-webwerf wil poets. Dit maak nie saak of u WordPress, Wix gebruik nie, BigCommerce, of 'n pasgemaakte e-handelsplatform. Die lesse en wenke wat hieronder uiteengesit word, is universeel van toepassing as moderne ontwerpbeginsels.
1 Vertel n storie
2 Skep minder keuse
3 Kleur inspireer emosie
4 Konsekwentheid is belangrik
5 Eksperimenteer met dringendheid
6 Duidelike en pragtige foto's
7 Word die kliënt
8 Gebruik gereeld A / B-toetse
8.1 Klaar maak
Voorbeeld van storievertelling deur Tens
Fantastiese produkte het wonderlike verhale agter die rug. Enigiemand kan 'n e-commerce-webwerf klap en verkoop wat hy wil. Maar niemand kan 'n suksesvolle handelsmerkbeeld rondom hul produk skep nie.
U vermoë om 'n dwingende verhaal oor u handelsmerk te vertel, gaan help die ontwikkeling van 'n sterk handelsmerkbeeld. Verhaalkuns bevorder ook lojaliteit. Klante sal waarskynlik meer van u handelsmerk onthou as hulle opreg en persoonlik voel. En die beste manier om persoonlik te raak is om 'n verhaal te vertel.
Wat het daartoe gelei dat jy jou produk geskep het?
Hoe u produk u lewe beïnvloed het?
Wat is u toekomsvisie??
Wie is u teikenklant??
Sodra u hierdie vrae begin beantwoord, kan u 'n baie duideliker idee kry van hoe u e-handel-ontwerp kan struktureer. Laat gebruikers voel asof hulle deel is van iets spesiaals.
Sou u nie wil hê dat kliënte na u winkel moet terugkeer nie, omdat hulle geïnspireer is??
Skep minder keuse
Walden-wees vet met hul produkpromosie.
Daar is niks meer beledigend as 'n slordige navigasie-ervaring in die winkel nie. Die doel van die verkoop is om gebruikers te kry om items in hul inkopiemandjie te voeg. Maar as u navigasie honderde opsies bied, sal gebruikers vinnig hul geduld verloor en die webwerf heeltemal verlaat.
Walmart is 'n goeie voorbeeld van wat u nie moet doen nie, tensy u skaal wil verkoop vir langstertverkope. Hul navigasie bied 'n té versadigde lys navigasie-opsies, wat jou duiselig laat voel teen die tyd dat jy klaar is om te vind wat jy nodig het.
Eenvoudige e-handelsnavigasie // Mercari
Hoe makliker dit is vir kliënte om 'n spesifieke produk te vind, hoe meer tyd het hulle om oor die produk te lees – en uiteindelik 'n aankoop te doen.
nuttige: Eksperimenteer met die opstel van 'n navigasiestruktuur met behulp van Sketch, Photoshop of enige ander wireframing-instrument. Ontleed die proses van gebruikers wat na die tuisblad kom, deur 'n gids blaai en uiteindelik die produkbladsy bereik.
Dit is waarskynlik een van die belangrikste ontwerpwenke vir e-handelswebwerwe.
Kleur inspireer emosie
Eenvoudige en duidelike kleure sorg vir 'n aangename gebruikerservaring.
Kleure het 'n sielkundige invloed op verkope gehad lank voor die digitale rewolusie. As u die verskillende soorte emosies wat kleure kan gebruik, verstaan, kan u u eCommerce-webwerf ontwerp om by sekere gevoelens en vibes te pas.
Hier is 'n grafiek wat emosies toon wat gewoonlik met verskillende kleure geassosieer word:
Afhangend van u produk en teikengehoor, kan u kleur gebruik om sekere gevoelens aan te wakker. Byvoorbeeld, as u winkel omgewingsprodukte of produkte verkoop, sal die kleur groen die natuurgevoel aanvul.
Volgens navorsing, klante neem ongeveer 90 sekondes om hul opinie oor 'n produk te formaliseer. En 'n groot hoeveelheid van daardie interaksieperiode – ongeveer 70% – word uitsluitlik op die kleure gestel.
Gebruikers onthou u handelsmerkontwerp, nie as gevolg van 'n pakkende naam nie, maar as gevolg van die algehele handelsmerkbeeld wat u aanbied. Wat webontwerp betref, het dit meestal te doen met die struktuur van u bladsye.
Gebruik u dieselfde lettertipes en kleure op alle bladsye? Sterk tipografiese patrone kan 'n onvergeetlike ervaring in u kop gee.
Verder, as u 'n verskeidenheid kleure oor verskillende bladsye gebruik, loop u die risiko om as 'n veelvuldige handelsmerk te verskyn.
As u gevolglik erken en onthou wil word, is dit noodsaaklik om te fokus op die gebruik van ooreenkomste in u ontwerppatrone. Selfs as u baie takke het, help die ontwerp van bladsye met ooreenkomste slegs om 'n sterker handelsmerk-teenwoordigheid te skep. en dit is die kaartjie om u verkope te verhoog.
Eksperimenteer met dringendheid
Dringendheid is hoofsaaklik gebaseer op aanbiedinge en eksklusiewe aanbiedinge. Soos gesien op die foto hierbo, gebruik Bestbuy die boonste deel van hul tuisblad om onweerstaanbare aanbiedings uit te lig. Is daar egter ander metodes om 'n gevoel van dringendheid te bevorder?
Een van die grootste redes waarom kliënte hul winkelwa laat vaar, is die hoë pryse vir gestuur. Dus, dit skep 'n geleentheid om te benut deur spesiale aanbiedinge op gestuurkostes aan te bied.
Dit is ook 'n taktiek wat handelsmerke soos Bestbuy gebruik. En Amazon is bekend vir sy Prime-diens. Prima gebruikers kry eksklusief gratis aflewering op byna alle produkte. U kan gebruikers ook aanmoedig om 'n sekere bedrag aan u winkel te spandeer en sodoende 'n gratis afleweringstarief te kry.
Nog 'n vorm van dringendheid is om die beskikbare voorraad vir 'n sekere produk te beperk.
Hier is 'n pragtige swartshemp met 'n Crewneck-trui. Die aanbod word aangebied met gratis Amerikaanse aflewering, maar is slegs vir 'n sekere periode beskikbaar. Dit is 'n uitstekende voorbeeld van dringendheid wat gebruik word by die ontwerp van e-handelswinkels.
Kan u aan ander maniere dink om dringendheid te bevorder? Ons hoor graag u gedagtes en suksesverhale.
Duidelike en pragtige foto's
Daar is volop data om die bewering dat beelde van hoë gehalte, relevant en visueel aantreklik is, te help omskakelingsyfers te verhoog. En ons praat nie net oor produkprente nie.
Die beelde wat u in u algehele ontwerp gebruik, kan 'n groot invloed hê op die aandag van gebruikers.
'N Fantastiese foto vestig emosie, skep 'n gevoel van identiteit en word maklik onthou. Die gemiddelde persoon kan tot 2000 beelde met byna perfekte akkuraatheid onthou.
Dit word gesê, produkte sal nie verkoop word tensy daar foto's is om die produkontwerp te rugsteun nie. Dit is van uiterste belang dat u as eienaar van 'n e-handelwinkel u bes doen om u produk se wese te betower deur foto's van hoë gehalte.
Die beste van alles is dat u nie 'n duur foto-tuig hoef te huur om die werk te verrig nie. daar is baie handleidings en handleidings op die maak van uitsonderlike produkfoto's met niks anders as u telefoon of 'n goedkoop kamera nie.
Webwerwe soos Pexels en Unsplash is bekend vir ongelooflike en professionele lisensievrye fotografie.
Word die kliënt
Webontwerp het twee kante: professioneel en subjektief. Professionele aspekte het alles te doen met die opvolging van UX- en UI-neigings wanneer 'n ontwerp gestruktureer word.
Die subjektiewe kant vereis dat u terugstap en u ontwerp vanuit die oogpunt van 'n klant beskou. 'N Besoeker van die webwerf as u wil.
Hoe voel u oor die algehele ontwerpuitleg??
Kan u die inligting wat u benodig vinnig vind?
Maak die navigasie sin?
Is die produkbeskrywing hard en duidelik?
Hoe vinnig kan u na die kassie-bladsy kom?
Deur hierdie vrae te beantwoord, kan u enige onduidelikhede wat aandag moet kry, opmerk.
Gebruik gereeld A / B-toetse
Toe ons die laaste deel van ons ontwerpwenke vir e-handelswebwerwe bereik, laat ons die lys sluit deur A / B-toetse te bespreek.
A / B-toetsing is noodwendig die manier om twee verskillende webwerwe-uitlegte gelyktydig te gebruik. A is een weergawe, en B is 'n ander.
Na 'n geruime tyd, kan u die statistieke vir elke weergawe afsonderlik vergelyk. Die statistieke wat u kan monitor, bevat omskakelingskoerse, bruikbaarheid en algehele interaksie vir verskillende dele van die uitleg.
Selfs 'n klein verandering in die ontwerp kan drastiese verbeterings in gebruikersbetrokkenheid meebring. As u verskillende kleurvariasies en meer probeer, kan u 'n baie duideliker idee gee waarop u moet fokus op u toekomstige ontwerpe.
U kan verskeie instrumente vind vir die optimalisering van die webwerf & A / B-toetsing in ons Nexus-gids.
Die ontwerp is 'n voortdurend veranderende landskap. As u patrone, gebruikersgedrag en die nuutste neigings verstaan, kan u die voorsprong gee om u verkope te verhoog.
Ons ontwerpwenke is gerig op almal wat die gebruikerservaring van hul e-handelswebwerf wil verbeter.
Moet dus nie 'n minuut mors en aan die werk kom nie! Ons sal graag wil hoor hoe hierdie wenke gehelp het om 'n beter ontwerp in u eCommerce-winkel te vorm. As u 'n kundige ontwerper benodig, kan u altyd daar gaan kyk 99designs.