Jak navrhnout přehledný a důvěryhodný e-shop

Tento článek vznikl ve spolupráci s marketingovou agenturou Včeliště.

E-shop stavte na pevných základech aneb příprava podkladů

Nejprve si připravte podklady, které vám pomohou navrhnout a připravit e-shop tak, aby oslovil přesně ty lidi, které chcete získat.  Jde zejména o poznání vašich ideálních zákazníků (cílové skupiny) a jejich tónu komunikace. Doporučujeme vytvořit si marketingové persony a mít je při tvorbě e-shopu neustále po ruce.

Připravený byste měli mít také brand manuál a držet se ho. Zajistíte tak konzistentnost, díky které bude e-shop působit profesionálně a důvěryhodně.

Nezapomeňte na analýzu klíčových slov, která je zcela zásadní pro tvorbu struktury webu. Díky ní dokážete určit, jaké stránky se budou zobrazovat na jaká klíčová slova, a získáte cenné nápady na obsah stránek.

Pro klienta Dalekohlady.sk jsme zpracovali analýzu klíčových slov a na jejím základě připravili vhodnou strukturu včetně návrhu filtrací, které umožní zákazníkovi rychleji najít vhodný produkt:

Uživatelská a zákaznická zkušenost dotažená k dokonalosti

Vypilujte celkový dojem, který si návštěvník odnese z používání e-shopu. Nejde jen o to, jak stránky vypadají, ale také o to, jak snadno a příjemně se uživateli podaří dosáhnout cíle – ať už je to nákup, vyhledání informace nebo kontaktování zákaznické podpory. Zkombinujte profesionální design s těmito klíčovými složkami skvělé uživatelské a zákaznické zkušenosti:

• Srozumitelnost – uživatel se snadno zorientuje. Ví, co může na stránce dělat a jak, rozumí textům.
• Rychlost – stránky se načítají rychle, ideálně do 3 vteřin.
• Předvídatelnost – tlačítka dělají to, co člověk očekává. Nákupní proces není zmatený a obsahuje jasné informace o celkové ceně a dalších důležitých skutečnostech.
• Responzivita – e-shop musí dobře fungovat i na mobilu a tabletu.
• Podpora – rychlá a dostupná zákaznická podpora (chat, e-mail, telefon), často kladené otázky, sledování objednávek online apod.

Aby e-shop ve finále opravdu fungoval smysluplně, doporučujeme si nejprve připravit tzv. drátěný model (anglicky wireframe) – grafické znázornění všech prvků. Slouží jako testovací náhled rozmístění prvků a obsahu, na jehož základě si vyjasníte, jak má co fungovat. Při umisťování jednotlivých prvků myslete na UI (uživatelské rozhraní) a UX (uživatelský zážitek), abyste zajistili, že se zákazníci budou na webu cítit příjemně a snadno najdou to, co hledají. 

Drátěné modely nakreslete pro všechny typy podstránek a také pro mobilní a tabletovou verzi. Drátěný model si můžete vytvořit v téměř jakémkoliv grafickém programu, jako jsou Figma, Adobe XD, Balsamiq a další.

Aby měl náš klient Cannapurna na první pohled jasno v tom, jak by měl vypadat efektivní web, sestavili jsme pro něj drátěné modely pro hlavní stranu, kategorie i pro jednotlivé produkty. Tady se můžete podívat na drátěný model hlavní strany vytvořený v programu Balsamiq:

Většina e-shopů v současnosti používá krabicová e-commerce řešení (Shoptet, Upgates, E-shop-rychle.cz atd.), díky kterým si zvládnou vytvořit e-shop snadno a rychle bez pomoci programátora. I v těchto případech bychom však doporučili se nad vybranou šablonou dobře zamyslet a případně si ji nechat upravit. Pro naše klienty běžně upravujeme základní šablony Shoptetu, aby co nejvíce odpovídaly potřebám jejich zákazníků. 

Jasná struktura a jednoduchá navigace pro snadnou orientaci

Přehledná struktura je klíčová. Usnadní orientaci nejen zákazníkům, ale i vyhledávačům, které e-shop snáze pochopí a budou ho zobrazovat na vyšších příčkách ve výsledcích vyhledávání. Vycházet byste měli z nabídky produktů a z analýzy klíčových slov.

Kategorie musí být logicky rozdělené a snadno dostupné. Nemělo by chybět vyhledávací pole umístěné na dobře viditelné pozici (ideálně nahoře). Velmi důležité je filtrování a řazení produktů podle různých parametrů (ceny, dostupnosti, hodnocení, apod.)

Filtrování: Pomozte zúžit výběr

Dobré filtrování je jako šikovný prodavač. Uživatel nechce procházet stovky produktů, aby našel, co potřebuje. Chce se rychle dostat ke konkrétním možnostem, které odpovídají jeho představě. A to přesně filtry umožňují.

Jaké filtry použít:

• Cena – rozsah cen (např. posuvník nebo přednastavené kategorie do 500 Kč, 500–1000 Kč, apod.)
• Značka nebo výrobce
• Velikost/rozměry
• Barva
• Skladem/Na objednávku
• Hodnocení zákazníků (např. 4 hvězdičky a víc)
• Materiál, typ, kategorie – podle konkrétního sortimentu

Navržené filtry pro jednoho z našich klientů – e-shop s drahými kameny:

Filtrování by mělo být kombinovatelné, aby si uživatel mohl zvolit více parametrů najednou. Zároveň by mělo jít snadno zrušit, např. křížkem u každého aktivního filtru. Uživatelé také oceňují zobrazení počtu produktů (vyfiltrovaných možností).

Řazení produktů: Umožněte zvolit prioritu

Zákazníci mají různé preference – někdo hledá nejlevnější variantu, další chce novinky, jiný zase nejlépe hodnocené produkty. Mezi běžné možnosti řazení patří:

• Nejlevnější
• Novinky
• Nejprodávanější
• Nejlépe hodnocené
• Doporučené

Výchozí řazení přednastavte podle typu zboží (většinou Doporučené nebo Nejprodávanější) a umožněte přepínání přímo na stránce (ne až po kliknutí na filtr). Ideální je řazení s filtrováním zkombinovat – zákazník si vyfiltruje např. boty konkrétní značky a seřadí si je od nejlevnějších.

Kvalitní produktové stránky, které dokonale informují

Nezapomeňte na textace podstránek s kategoriemi, kde návštěvníci potřebují zjistit, jestli jsou tu správně a zda má cenu produkty dále filtrovat a prohlížet. V popisku kategorie vysvětlete, co tady zákazníci najdou a jak jim to pomůže. Vhodně zakomponujte klíčová slova.

U popisu samotných produktů začněte vždy tou nejdůležitější informací, pak můžete pokračovat podrobnostmi, které zákazníci ocení. Ve velké části případů funguje, když zdůrazníte výhody plynoucí z vlastnictví daného produktu. Když uvádíte nějakou vlastnost nebo funkci, doplňte je o informaci ohledně přínosu pro uživatele. 

Produktové popisky pro klienta Nivasaža splňují vše výše uvedené – důležité informace na začátku, přínosy pro zákazníka v delším popisu: 

Pokud je to jen trochu možné, nepoužívejte fotografie od dodavatelů (výrobců), ale udělejte si vlastní. Ty by však měly splňovat tyto podmínky: 

• Vysoké rozlišení bez rozmazání a šumu.
• Dobré nasvícení.
• Bílé pozadí bez rušivých prvků.
• Produkt z několika úhlů. 

Neuškodí detailní záběry na materiál, strukturu, případně funkčnost. S ohledem na odvětví zvažte také lifestyle fotky – produkt na modelu, v odpovídajícím prostředí apod. Takové fotky zákazníkům pomáhají lépe si představit používání produktu. Skvěle poslouží i krátké video nebo 360° záběr.

Na produktové stránky přidejte recenze zákazníků – budují důvěru a pomáhají v rozhodování. Recenze jsou důležitou součástí e-shopu, proto o nich bude řeč ještě níže.

Nepodceňujte ani ostatní stránky e-shopu – přečtěte si, kterým z nich byste měli věnovat maximální péči. A nezapomeňte, že celým e-shopem by se měly prolínat texty, které nejenže budí důvěru, ale také prodávají. Zjistěte, jak na to. 

Transparentnost a důvěryhodnost napříč celým e-shopem

Zákazníci potřebují vědět, že se na vás v případě problému mohou snadno a rychle obrátit. Kontaktní údaje proto uvádějte v patičce i na samostatné stránce s kontakty. Jasně a srozumitelně zpracujte informace o dopravě, platbě a reklamacích a nechte je snadno dostupné. Zpracujte často kladené otázky (FAQ) a nezapomeňte na certifikáty důvěryhodnosti (Heureka Ověřeno zákazníky apod.).

Velkou šancí, jak podpořit důvěru, je stránka O nás. Zákazník si chce ověřit, že na druhé straně sedí lidé z masa a kostí. Využijte tento prostor pro vyprávění vašeho příběhu – upřímně a lidsky. 

Pro klienta Gatema IT jsme v rámci tvorby nového webu vylepšili (mimo jiné) podstránku O nás, kde nyní návštěvníci najdou nejen kompletní příběh společnosti, ale také představení jejího vedení:

Pozitivní reference spojené s vaší značkou je to nejlepší, co si pro získání důvěryhodnosti můžete přát. A čím víc jich je, tím více stoupá vaše hodnota v očích veřejnosti. Hodnocení produktů a obchodu by se mělo prolínat celým e-shopem, věnovat jim můžete i samostatnou podstránku.

Vybudujte e-shop, který si zákazníci zamilují

Navrhnout přehledný a důvěryhodný e-shop není otázkou náhody, ale promyšleného postupu. Pamatujte, že každý detail ovlivňuje, zda zákazník udělá další krok k nákupu, nebo odejde jinam. Věnujte proto návrhu a tvorbě e-shopu dostatek času i péče. Nepodceňte kvalitní přípravu a dejte důraz na uživatelskou zkušenost a transparentnost. Investice do kvality se vám vrátí v podobě spokojených zákazníků a dlouhodobého růstu.