Ultimate průvodce pro návrh webových stránek elektronického obchodu
Jen v USA se očekává, že prodej elektronického obchodu dosáhne do konce roku více než 434 miliard dolarů ročně; Očekává se, že evropské tržby dosud dosáhnou téměř 250 miliard dolarů ročně. To je spousta peněz a nezohledňuje zbytek světa.
E-commerce je velkým obchodem a je už dlouhou dobu. Zatímco stránky elektronického obchodování byly jednou ošetřeny podezřeními mnoha internetovými uživateli, stávají se tak častými jako kontrolní e-maily. Zatímco jsem si jistý, že tam jsou někteří uživatelé internetu, kteří tam nikdy neuskutečnili nákup on-line, začínají být zvyklí den za den.
Jako návrhář si nemůžete dovolit ignorovat dobrý návrh elektronického obchodu. Níže najdete komplexní průvodce pro vytváření skvělých webů elektronického obchodu s příklady.
Mnohé stránky pro jednotlivé produkty
Jeden z největších rozdílů v tom, jak přistupovat k navrhování webu elektronického obchodu, je založen na tom, zda jde o server pro více produktů nebo o stránky s jedním produktem. Stránky, které prodávají tuny produktů, mají velmi odlišné potřeby ve srovnání s tím, že prodávají pouze jednu položku (ať už jde o fyzický produkt nebo o virtuální produkt).
Stránky s jedním produktem jsou často jedna stránka. Někdy jsou formátovány jako dopis (myslím, že s nimi všechny známe, a přestože nejsou z hlediska designu nejlepší styl, mají tendenci pracovat v mnoha průmyslových odvětvích).
Jiné stránky s jedním produktem mají více stránek (zejména pro vyšší a dražší produkty), jsou však relativně jednoduché z hlediska informační architektury.
Stránky, které prodávají více produktů, mají naopak téměř všechny stránky. Kolik z velké části závisí na počtu prodaných výrobků. Menší stránky mohou prodávat jen několik věcí, a proto mohou mít jen hrstku stránek. Jiné weby mohou prodávat tisíce (nebo desítky tisíc, nebo dokonce miliony) položek, které vyžadují mnoho, mnoho dalších stránek.
Důkladně zvážte, jak by měly být informace o těchto stránkách organizovány. Webové stránky s tisíci stranami budou mít výrazně odlišné potřeby a systémy, které zajistí, aby vše bylo konzistentní a organizované, než web s pouze několika stránkami.
Proces návrhu
Zatímco proces návrhu pro web pro elektronické obchodování se nijak zvlášť neodlišuje od procesu pro jakýkoli jiný druh webu, existují ještě další věci, které je třeba zvážit a zjistit před vlastním návrhem a během celého procesu, dokud (a poté) .
Za prvé, pokud je to zavedená produktová řada nebo prodejna, pravděpodobně již bude spousta designových konstrukcí. Zjistěte, co se děje od začátku.
Další věc, kterou je třeba zvážit, jsou existující fotografie produktu a zda existuje rozpočet na nové. Pokud má každá produktová fotka, kterou budete potřebovat, velmi minimalistický vzhled, pak navrhování velmi ozdobného místa nemusí fungovat (nebo může trvat nějaký čas na práci) a naopak. Lepší je zjistit od počátku, než počkat až do dokončení návrhu, jen aby byly poskytnuty fotografie, které strašidelně narazí (a proto se samotné výrobky dívají špatně a ublíží na spodním řádku).
Prodejní cesty a kolik stránek existuje mezi domovskou stránkou webu a poslední kontrolní stránkou jsou také zásadním faktorem a měly by být mapovány od začátku. Ale o tom později.
Tři věci, které každý internetový obchod potřebuje
Hodně jde do budování úspěšného internetového obchodu, ale existují tři klíčové prvky, které každá stránka potřebuje:
Důvěryhodnost: každá webová stránka elektronického obchodu musí vytvářet pocit důvěry mezi zákazníky. Pokud se zákazník domnívá, že stránky (a obchodník podle asociace) nejsou důvěryhodné, podniknou se jinde.
Jednoduchost a snadnost použití: internetový obchod musí být jednoduchý způsobem, který funguje, ne-li v samotném designu. V žádném případě by se váš zákazník neměl nechat přemýšlet, co dělat dál.
Transparentnost: průhlednost jde ruku v ruce s důvěryhodností, ale jde dál. Transparentnost znamená, že se musíte ujistit, že věci, jako jsou kontaktní informace a obchodní pravidla pro věci, jako je doprava a vrácení zboží, jsou snadné najít. Může být také spojena s věcmi, jako jsou recenze zákazníků na webu, a otevřeně řešit jakoukoli kritiku, která může přijít obchodníkem.
Ujistěte se, že tyto tři věci jsou začleněny do všech webových stránek elektronického obchodu, které navrhujete, spolu s následujícími osvědčenými postupy.
Osvědčené postupy
Existuje mnoho věcí, které je třeba mít na paměti při navrhování webu elektronického obchodování. Některé jsou závislé na typu webu, společnosti a prodávaných produktech. Existují však i jiné, které se vztahují na téměř jakékoli místo nebo produkt.
Zde jsou některé z nejlepších postupů, které byste měli mít na paměti, z nichž většina platí nezávisle na typu produktu, který prodáváte.
Velké obrázky a mnoho z nich
Lidé chtějí vidět produkty, které kupují před provedením nákupu. A protože nakupování on-line jim brání v tom, aby osobně viděli, co kupují, potřebují snímky, které jim dávají co nejbližší zkušenosti.
To znamená, že by se měly nacházet fotografie ze všech možných úhlů a že tyto fotografie by měly být velké (a pokud možno zvětšitelné). Existuje několik způsobů, jak zvládnout zvětšování obrazu, ale standard se v podstatě stal lupou nad obrázkem, zobrazující zvětšený obraz na boku nebo přímo nad hlavním obrazem.
Jako návrhář se ujistěte, že vytváříte stránky produktu způsobem, který umožňuje zobrazení mnoha obrázků.
A co když prodáváte virtuální produkt? Jak se s nimi zacházíš? Screenshoty jsou obecně vaše nejlepší sázka, a opět: spousta z nich. Lidé chtějí vědět, co kupují, než si koupí. Nikdy neztraťte zrak.
Místo ModCloth například obvykle obsahuje 4 až 6 obrazů svých oděvů a někdy i video. Obrazy nejsou obrovské, ale obsahují funkci zvětšení pro získání lepšího vzhledu.
Zvýrazněte nedostatek
Pozorovali jste někdy, jak Amazon zobrazuje, kolik položek zůstává na skladě? Je to proto, že nedostatek nutí lidi kupovat. Pokud je někdo na plot o koupi výrobku, ale obávají se, že se může vyprodat předtím, než se rozhodnou, pak se mohou jen vydat a koupit, aby se zabránilo ztrátě. Zvláště pokud je to dohoda.
Upozorňujeme na související produkty
Pokud neprodáváte pouze jeden produkt, měla by každá stránka produktu obsahovat odkazy na jiné, související produkty. Prodáváte šaty? Zahrňte odkazy na odpovídající boty, kabelku nebo jiné příslušenství.
Ty by měly mít na stránce prominentní místo a měly by být začleněny do návrhu od prvotřídní, spíše než něco, na něhož by se na konci nakonec přiblížil. Zde je jeden příklad:
Snadné sdílení
Funkce sdílení sociálních médií by měly být také prominentní součástí návrhu vašeho produktu. Slovo z úst je silná reklama a pro zákazníky je snadné sdílet jejich nákup (nebo čekající na nákup) je cenným způsobem, jak získat v podstatě bezplatnou reklamu.
Ujistěte se, že integrujete tlačítka pro sdílení na produktové stránky, stejně jako poté, co návštěvník provedl jejich nákup.
Zajistěte, aby popisy produktu byly podrobně popsány
Špatný popis produktu může způsobit nebo odtrhnout prodej. Zatímco jako designér nemusí být vždy ten, který píše tyto popisy, měli byste se ujistit, že váš design může elegantně zpracovávat popisy více než jednoho odstavce, aniž by vypadal nepříjemně (nebo rozbít všechny dohromady).
Jedním řešením je použití miniaturního popisu nebo souhrnu vedle výrobku (a v blízkosti tlačítka "přidat do košíku" nebo jiného tlačítka výzvy k akci) a zároveň obsahovat delší popis dále na stránce produktu. Další možností je použít odkaz "číst více", který buď otevře modální okno a odhalí úplný popis, nebo jej odhalí na stránce, přesune jiný obsah dolů (nebo vytváří menší scrollingovou sekci). Nezapomeňte na mobilní použitelnost při navrhování těchto věcí.
The 20Jean webové stránky jsou skvělým příkladem detailních popisů produktů, které jsou správné.
Se základy na obrázku produktu a podrobnějším popisem níže najdete kompletní navigaci s akordeonem pro věci, jako je péče, materiály, styl a styl, doprava a návrat.
Zjednodušte kontrolu
Pokladní proces by měl být rychlý a snadný. V ideálním případě byste měli jednu stránku, která umožní kupujícím prozkoumat, co je v jejich košíku, a zadejte jejich fakturační a dodací informace s další stranou pro potvrzení objednávky před jejich umístěním.
Některé weby vytvářejí delší cestu k pokladně, stránku pro kontrolu košíku, stránku pro zadání informací o přepravě, stránku pro zadání fakturačních údajů, místo pro kontrolu objednávky a další stránku k potvrzení před umístěním konečné objednávky. Pokladní proces, který je dlouhý a komplikovaný, může odradit zákazníky a nechat je opustit jejich vozík.
Jedna stránka, kterou byste však neměla přeskočit, je stránka, na které si zákazníci přečtou celou objednávku, než ji dokončí a umístí. Zákazníci jsou k tomuto kroku zvyklí a mohou více váhat, pokud nemají poslední stránku, která se má před odesláním objednávky zobrazit.
Nepotřebujete účet
Vyžadovat si účet k nákupu je obecně špatný nápad. Existují samozřejmě výjimky (jako kdyby byla s nákupem zahrnuta trvalá podpora), ale obecně je to jen překážka při nákupu.
Místo požádání zákazníků, aby si před zakoupením zaregistrovali účet, dejte jim možnost po dokončení nákupu na konci. A pokud je účet naprosto nezbytný, začleňte registraci do jedné z ostatních stránek ve vašem procesu platby, jako je stránka fakturace nebo zaslání.
Prodejní cesty
Prodejní cesty jsou jedním z nejdůležitějších aspektů návrhu pro jakékoli webové stránky elektronického obchodu. Funkce se obvykle skládá z domovské stránky, stránky s výsledky vyhledávání (nebo stránek procházení / kategorií), které jsou naplněny produkty, jednotlivé stránky produktů a proces plateb.
Bodem cesty je nakupovat zákazníky z jedné části webu na druhou, blíže k bodu dokončení prodeje.
Existuje celá řada různých způsobů, jak vytvořit tržní cestu a je to do značné míry závislé na typu produktu, který prodáváte, a na prodejní ceně (vyšší cena může vyžadovat více propojení).
Jednou z technik, která může být obzvlášť účinná na jednom produktu, je dostat návštěvníky ve zvyku klikat na další krok, v celém prodejním turné. Takže spíše než mít jednu dlouhou stránku popisující produkt, máte řadu kratších stránek, na které uživatel klikne, což vede přímo do procesu výplaty. Rozvíjí se zvyk pro uživatele klepání na další krok, čímž se snižují veškeré psychologické bariéry, které mohou existovat.
Výzvy k akci
Výzva k akci na libovolném webu elektronického obchodu je absolutně jedním z nejdůležitějších prvků jeho návrhu. Bez efektivní výzvy k akci, váš prodej bude vážně trpět.
Nyní existují dva druhy výzvy k akci, které pravděpodobně najdete, v závislosti na tom, jaký typ stránek je. Stránky elektronického obchodu, které prodávají více produktů, budou mít výzvu k akci na každé stránce produktu, případně výzvu k akci pro každý produkt na výsledcích vyhledávání nebo procházet stránky.
V obou případech bude většina zahrnovat terminologii jako "přidat do košíku". Někdy můžete najít výzvu k akci, která říká něco jako "koupit nyní" místo toho.
Webové stránky elektronického obchodu, které prodávají jediný produkt, mohou na webu obsahovat více než jednu výzvu k akci, často s jednou na každé stránce (nebo více na různých místech na dlouhé stránce na jedné stránce).
Stránky produktu
Stránky o vašich produktech musí vytvářet zkušenost, která je podobná nákupům osobně. To znamená spoustu informací o produktech. Fotografie, popisy a specifikace by měly poskytovat co nejvíce podrobností.
Zde je několik skvělých příkladů produktů, které můžete zkontrolovat:
Úrovně
Tento Úrovně stránka produktu nabízí minimální informace, ale je to vše, co je potřeba. Nabízí také jen pár fotografií, ale opět je to vše, co je potřeba. Tlačítko "Přidat do košíku" je viditelně zobrazeno spolu se souvisejícími produkty.
Victoire Boutique
The Victoire Boutique stránky produktu jsou jednoduché, se zaměřením na obrázek produktu. Zaměřuje se také na související produkty.
Článek
Článek nabízí jednoduché stránky produktů s fotografickou prezentací obrázků produktů. Tlačítko "Přidat do košíku" je prominentní. Podrobnosti o produktu jsou uvedeny bezprostředně pod popisem, zatímco podobné výrobky jsou zobrazeny níže.
Navigace
Obecně existují dva hlavní způsoby navigace webu elektronického obchodu: nabídky a vyhledávání. Nabídky často obsahují drop downs s položkami dílčí nabídky, v závislosti na velikosti webu a kolik různých druhů produktů, které prodávají.
Zatímco mnoho stránek obsahuje základní vyhledávání, stránky elektronického obchodu potřebují ve většině případů podrobnější možnosti vyhledávání a filtrování. Něco takového:
Tyto filtry umožňují zákazníkům zúžit možnosti produktu na základě společných funkcí.
Rychlý pohled
Měli byste rozhodně zvážit začlenění funkce "rychlého zobrazení" do svých webových stránek. To umožňuje nakupujícím prohlížet omezený výběr údajů o produktu přímo z stránek procházení nebo výsledků vyhledávání (obvykle v modálním okně), než aby museli kliknout na stránku produktu. Většina z nich také umožňuje uživateli přidat produkt přímo z košíku z rychlého zobrazení:
Anthropologie
Antropologie Funkce Rychlé zobrazení se objeví v modálním okně, které obsahuje základní detaily, informace o cenách, velikosti a možnost přidat produkt do nákupního košíku (v tomto případě košík).
Volní lidé
Volné lidové Rychlé zobrazení obsahuje velmi omezené informace o produktech, pouze fotografie, recenze, informace o cenách, barvách a rozměrech a možnost přidat produkt do košíku zákazníka.
ModCloth
ModCloth je Funkce Rychlé zobrazení nabízí úplný popis a podrobnosti o produktu ve formátu s kartami. K dispozici jsou také fotografie a informace o cenách a možnost přidat zboží do tašky zákazníka.
Výběr platformy pro elektronický obchod
Existuje spousta elektronických obchodních platforem, z nichž si můžete vybírat, a jak si tedy vybíráte ten správný pro váš obchod (nebo vašeho klienta)?
Existuje poměrně málo věcí, které byste se měli podívat před rozhodnutím. Některé z nich zahrnují:
- Jaký programovací jazyk používá platforma. To je obzvláště důležité, pokud máte v plánu udělat mnoho přizpůsobení, ale to může také být důležité v závislosti na tom, jaký web host máte v plánu používat (podpora se liší široce pro různé jazyky).
- Zda je platforma zdarma nebo placená. Tam jsou tony obou typů platforem, s dobrou volbou v obou táborech. Platené platformy často nabízejí lepší podporu než ty, které jsou zdarma, ale jinak existují plnohodnotná řešení v obou kategoriích.
- Zda podporuje typy produktů, které plánujete prodávat (například digitální versus fyzické produkty).
- Platební brány platformy podporují, zvláště pokud jste již odhodláni používat konkrétní.
- Dopravní služby, do kterých se integruje.
- Jak snadné je přizpůsobit? Kolik voleb má platforma přizpůsobit mimo krabici? Budete se muset ponořit do kódu pokaždé, když chcete něco změnit, nebo můžete provést změny z administrační oblasti?
- Jaká je podpora? Je to zcela komunitně řízené, nebo existuje podpora přímo od vývojářů? Kolik to bude stát?
Udělejte si čas prozkoumat možnosti a zjistěte, která platforma nejlépe vyhovuje vašim potřebám.
Volné platformy
Existuje desítky skvělých platforem pro elektronický obchod, s některými placenými a volnými. Placené služby obecně nabízejí více podpory a někdy i více funkcí než ty, které jsou zdarma, i když existují i některé plnohodnotné bezplatné platformy.
PrestaShop
PrestaShop má více než 300 funkcí, včetně jednorázové pokladny, integrace webových služeb, správy inventáře, podpory ke stažení produktů a mnoho dalších. Je zdarma ke stažení a zcela otevřený zdroj.
PrestaShop přichází s úplnou dokumentací a množstvím zdrojů, abyste mohli začít. K dispozici jsou (placené) moduly pro rozšíření jeho funkčnosti, stejně jako témata (i placená), pokud nechcete vytvářet vlastní stránky.
Magento Community Edition
Magento Community Edition je open source rameno společnosti Magento, které využívá více než 240 000 obchodníků po celém světě. Je škálovatelný, takže s vámi může růst a je flexibilní, aby vyhovoval vašim potřebám.
Existuje spousta komunitní podpory, která vám pomůže, pokud se uvíznete, stejně jako úplnou technickou dokumentaci. K dispozici je také řada dostupných rozšíření (a samozřejmě můžete vytvořit vlastní).
Spree Commerce
Spree Commerce je platforma s otevřeným zdrojovým kódem, která vám poskytuje plnou kontrolu a přizpůsobení zdrojů. Je to plně dokumentováno, ač samozřejmě je k dispozici placená podpora a školení.
Funkce zahrnují flexibilní a přizpůsobivý design stránek přímo z krabice s podporou živého videa a animace. Obsahuje komplexní rozhraní API pro téměř libovolný aspekt systému, což vám dává ještě větší kontrolu.
Zeuscart
Zeuscart je platforma elektronického obchodování založená na PHP / MySQL. Je to jednoduché použití a snadné přizpůsobení, aniž byste potřebovali mnoho IT dovedností potřebných k vytvoření základního obchodu.
Odpovídající řídicí panel administrátora je napájen pomocí Twitter Bootstrap, zatímco přední konec je čistý design, který je uživatelsky přívětivý a vypadá skvěle, s rozsáhlou kolekcí komponent UI, která pracuje na všech hlavních prohlížečích (včetně mobilních zařízení).
OpenCart
OpenCart nabízí celou řadu funkcí, včetně podpory neomezených kategorií, produktů a výrobců, podpory více měn a jazyků, bezplatné dokumentace a další. Může obsahovat více než 20 platebních bran a více než 8 způsobů dopravy.
OpenCart také nabízí podporu pro hodnocení produktů a hodnocení, produkty ke stažení, více daňových sazeb, kuponový systém a mnoho dalšího. Je to plně templable, s použitelnou výchozí šablony přímo z krabice.
osCommerce
osCommerce má více než 7 000 bezplatných doplňků a má síť více než 260 000 majitelů a poskytovatelů služeb. Existuje aktivní komunita pro podporu a pomoc, pokud narazíte na problémy, stejně jako bezplatnou a komerční podporu.
osCommerce je již po dobu 14 let, takže mají pevný základ, na kterém můžete budovat své podnikání. K dispozici jsou také šablony a témata, takže si můžete přizpůsobit vzhled vašeho webu, aniž byste museli začít od začátku.
Zen Cart
Zen Cart je bezplatný uživatelsky přívětivý nákupní košík s otevřeným zdrojovým kódem s mnoha pluginy a rozšířeními, které rozšíří jeho funkčnost. K dispozici jsou doplňky pro nástroje pro správu, marketing, platební metody, cenové nástroje a mnoho dalšího.
Zen Cart má vynikající dokumentaci, díky níž lze snadno využít všech funkcí, které nabízí. K dispozici je také ukázka stránek vytvořených pomocí Zen Cart, které vás inspirají.
simpleCart (js)
simpleCart (js) je bezplatný nákupní košík JavaScriptu, který můžete integrovat do svých stávajících webových stránek. Neexistuje žádná databáze ani žádné programování, stačí pouze základní znalost jazyka HTML.
Má neuvěřitelně flexibilní design, podporuje vícenásobné platební brány (včetně plateb PayPal, Google Checkout a Amazon.com) a podporuje mezinárodní jazyky a měny. Je to také vysoký výkon, s neuvěřitelně malou stopou, zvláště ve srovnání s mnoha velkými platformami elektronického obchodu.
WooCommerce
WooCommerce , od WooThemes, je skvělý plugin pro elektronický obchod WordPress, který má spoustu funkcí. Můžete si prodávat cokoli s WooCommerce, včetně fyzických a stahovatelných produktů. Dokonce funguje s affiliate produkty.
Spolupracuje s platbami PayPal, BACS a COD v základním balíčku WooCommerce s tunami rozšíření pro konkrétní platební brány. K dispozici jsou nástroje pro správu inventáře (digitální nebo fyzické), možnosti přepravy, podpora kampaně s kupony, daň z prodeje a další. A tam jsou skvělé funkce hlášení, takže můžete sledovat příchozí prodeje a recenze, úrovně zásob a další, přímo z WordPress.
Ubercart
Ubercart je plně funkční řešení nákupního košíku pro Drupal. Je to skvělé pro budování komunity kolem vašeho obchodu. Můžete si prodávat prémiový obsah, stahované soubory, fyzické zboží a další.
Je postavena jako modulový balíček, takže je snadné ji plně integrovat se zbytkem webu Drupalu. A existují další moduly a motivy, které ještě více rozšiřují funkčnost Ubercartu.
TomatoCart
TomatoCart byl speciálně navržen tak, aby fungoval skvěle na všech digitálních zařízeních. Obsahuje kompletní CMS s prezentací, menu obrázků, scroller produktu, správce bannerů a integraci Google AdSense. Nabízí také správu katalogů, správu produktů a nástroje pro správu objednávek.
TomatoCart také zahrnuje nástroje pro správu zákazníků a uživatelů, včetně možnosti importovat a exportovat zákazníky, nástroje pro volání a další. Tony platebních bran jsou podporovány, včetně Amazon IPN, Google Checkout, PayPal, Western Union a další.
X-Cart
X-Cart nabízí bezplatné a placené licence (s jednorázovým poplatkem spíše než s opakovanými náklady). Je snadné jej udržovat a upravovat pomocí kódu open source PHP. Existují stovky doplňků, ze kterých můžete přistupovat přímo z oblasti administrátora obchodu.
X-Cart má reakci založenou na systému Bootstrap, takže pracuje prakticky na jakémkoli zařízení, od mobilních telefonů po pracovní plochy. Můžete si s X-Cartem prodávat cokoli, včetně produktů, služeb a stahování, a dokonce i prodávat offline pomocí systému POS X-Cart. Integruje se se všemi populárními platebními bránami a přepravními dopravci.
WP e-Commerce
WP e-Commerce je plugin pro WordPress, který pracuje pro fyzické produkty, stahování a služby. Je to úplně přizpůsobitelné, se zjednodušeným procesem nákupu, který mezi produkty a pokladem přináší méně stránek.
WP e-Commerce se integruje s Stripe, PayPal a dalšími a zahrnuje flexibilní možnosti přepravy. Funguje dobře s dalšími pluginy WP, podporuje widgety WP, používá zkratky a šablony, nabízí spoustu marketingových nástrojů a další. K dispozici jsou pluginy a motivy, které ještě více rozšiřují svou funkci.
Jigoshop
Jigoshop je modul WordPress pro elektronický obchod, který obsahuje výkonné marketingové a SEO funkce, stejně jako jednoduchý management jak pro fyzické, tak pro stahovatelné produkty a služby.
Jigoshop nabízí možnost přiřadit manažerům obchodů ke správě každodenních operací a také komplexní nástroje pro správu obchodů s intuitivním uživatelským rozhraním. Existují bezplatné a placené rozšíření, které dále rozšiřují jeho funkčnost. Mezi volná rozšíření patří Karta produktu YouTube videa, ShipWorks Connector, více administrátorských e-mailů a mnoho dalšího.
internetový obchod
internetový obchod je dostupný plugin pro nákupní košík WordPress. Nabízí řadu obchodních platebních bran a možnosti přepravy. Je vysoce konfigurovatelný, s možnostmi pro vozík a pokladnu, produkty a další.
Na webu je velmi důkladná dokumentace, včetně velkých informací o odstraňování problémů. Existují dokonce i některé video tutoriály pro další pomoc.
5 inspirativní příklady elektronického obchodu
Existuje spousta nádherných, dobře navržených stránek elektronického obchodu, aby vás inspirovali. Zde se podívám na pouhých pět a upozorňuji na to, co dělá z různých částí těchto stránek skvělé.
Lidský senzační
Lidský senzační nabízí design, který je minimalistický, částečně retro. Tlačítka "Koupit" jsou prominentní bez toho, aby dominovali návrhu.
Jednotlivé stránky produktu jsou dobře vytyčené a snadno se nacházejí tlačítka pro sdílení. Všechny základní informace se snadno nacházejí (velikost, materiál, edice atd.), Přičemž navíc jsou viditelně zobrazeny další fotografie.
Pokladní proces se skládá pouze ze dvou kroků za nákupním vozíkem, což je velmi efektivní přístup.
Velcí
Velcí má jednoduchý design s prominentními fotografiemi produktů na domovské stránce. Rozptýlený mezi obrázky produktu, jsou zde další informace o věcech, jako je cena a doprava.
Umístění ukazatele na produkt vám dává jméno a kliknutím na něj získáte podrobné informace o produktech, včetně fotografií, popisů a odkazů pro sdílení.
Sekce funkcí na každé stránce produktu je zvláště zajímavá a dobře promyšlená.
Metta kosmetika
Metta Skincare je obchod je minimalismus v jeho nejlepší. Umístěte ukazatel myši na produkt a odhalte jméno a informace o cenách.
Klikněte na něj a dostanete se na produktovou stránku s mnohem podrobnějšími informacemi.
Platby jsou zajištěny prostřednictvím služby PayPal a celkový proces platby je jednoduchý a přehledný.
JM & Sons
The JM & Sons úložiště je minimalistické a na domovské stránce je skvělý posuvník produktu a funkcí, který zabírá téměř celou obrazovku.
Jednotlivé stránky produktu obsahují podrobnosti o produktech, stejně jako rozměry ve formátu s kartami. Na každý produkt je zobrazeno více snímků, které jsou zobrazeny ve slideshow. Související produkty jsou zahrnuty pod nadpisem "Rovněž rád".
Jedním z nejlepších vlastností designu JM & Sons je nákupní košík. Klikněte na ikonu košíku v horní části a spíše než na modální okno, které se objeví nebo je přesměrováno na novou stránku, váš košík se posouvá z pravé strany stránky.
Lola Shoetique
The Lola Shoetique shop má minimalistický design, který dobře funguje jako pozadí pro jasné, tučné obrázky používané na webu.
Stránky s výsledky pro kategorie produktů jsou jednoduché, s fotografiemi, které se mísí s pozadím a poskytují tak čistý design, který zaměřuje výrobky přímo tam, kde by se měly nacházet.
Stránky produktů nabízejí popis i specifikace. Jedna výjimečná funkce, jelikož se jedná o obchod s obuvi, je to návod, který vám sděluje, jak se boty ve srovnání se standardním rozměrem hodí. I když to není designová vlastnost, sama o sobě je to neuvěřitelně užitečná funkce UX.
Závěr
Základní prvky dobrého návrhu elektronického obchodu jsou něco, co by každý návrhář měl znát, a to jen proto, že je v určitém okamžiku povinen přijít s klientem. A ignorovat tento aspekt designu buď vyústí v klienty, kteří nejsou spokojeni s tím, co pro ně nakonec děláte, nebo s klienty, kteří se prostě obrátí jinde.