PK Petr Kuneš 737 843 413 Probrat spolupráciNapsat mi

Terana Design. Od šablony k jednotné nákupní cestě.

U e-shopu s nábytkem z teaku a suaru nešlo jen o novou homepage. Přeskládali jsme informace, sjednotili vzhled a dotáhli změny až do kategorií, produktu, košíku a pokladny. Shoptet zůstal.

Vidět před a po Otevřít e-shop (otevře se v novém okně)
terana-design.com Nová úvodní stránka e-shopu Terana Design (otevře se v novém okně)
Klient
E-shop s nábytkem z teaku a suaru
Platforma
Shoptet, ze šablony Classic na Samba
Rozsah
Klíčová nákupní cesta
Moje role
Audit, návrh a realizace

Silný produkt. Nesourodý e-shop.

Cíl první etapy byl praktický: zlepšit orientaci a důvěryhodnost napříč nákupní cestou. Správa produktů, variant, cen, dopravy a plateb měla zůstat v Shoptetu.

Z auditu původního e-shopu

Co fungovalo

Skutečné fotografie a příběh materiálu.

Co brzdilo

  • InformaceTo důležité přicházelo pozdě.
  • OdkazyNěkteré odkazy z homepage vedly na neexistující stránky.
  • BanneryText byl součástí obrázků a na mobilu se hůř četl.
  • CelekProdukt, kategorie a servisní stránky nepůsobily jako jeden celek.

Změna je vidět. Smysl má až v celku.

Obě úvodní stránky celé, od hlavičky po patičku. Při posouvání projíždějí souběžně, takže je vidět, jak se změnilo pořadí a hierarchie obsahu.

PředŠablona Classic
Původní úvodní stránka Terana Design na šabloně Classic, celá
PoŠablona Samba
Nová úvodní stránka Terana Design na šabloně Samba, celá

Náhledy jsou celé úvodní stránky. Není to měření konverzního výsledku.

Nejdřív otázky. Pak homepage.

Dotazník pomohl pojmenovat sortiment, zákazníky a důvody k nákupu. Z auditu a existující značky vznikl design systém. Homepage sloužila jako schvalovací vzor, potom jsme stejnou logiku rozšířili na další typy stránek.

  1. Audit a priority

    Kontrola úvodní stránky, katalogu, produktu, obsahu i nákupních kroků. Oprava známých slepých cest a vymezení první etapy.

  2. Schválený vizuální směr

    Barvy, typografie, rozvržení, fotografie, CTA a responzivita. Nejprve návrh homepage, pak pravidla pro celý e-shop.

  3. Implementace v Shoptetu

    Úpravy homepage, kategorií, vyhledávání, produktu, servisu, košíku i pokladny. Nativní obchodní logika zůstala zachovaná.

  4. Revize a nasazení

    Kontroly na desktopu a mobilu, záloha, postup pro návrat zpět a ověření na produkci. Práce na obsahu a kategoriích pokračuje.

Místo, kde se zákazník rozhoduje.

U dražšího nábytku nestačí pěkná fotografie. Nový detail produktu dává víc prostoru tomu, co rozhoduje o nákupu:

  • variantám
  • dostupnosti
  • důležitým informacím
  • dopravě
  • lidskému kontaktu

Ceny a sklad zůstaly napojené na Shoptet.

Původní detail kulatého teakového stolu Nový detail kulatého teakového stolu
Horní část detailu produktu před redesignem a po něm. Táhněte hranicí.

Sjednocený e-shop. Bez změny platformy.

Nový systém je nasazený na klíčových typech stránek. Práce na kategoriích a obsahu pokračuje v navazující spolupráci.

Dál se spravuje přímo v Shoptetu

  • Produkty
  • Varianty
  • Ceny
  • Sklad
  • Doprava
  • Platby
Kontrola před nasazenímDesktop i mobil
  • 55 kombinací stránek a velikostí obrazovky
  • 16 scénářů nákupní cesty
  • Pokladna bez vytvoření skutečné objednávky
  • Záloha a postup pro návrat zpět
  • Ověření na produkci

Co zatím netvrdím

Zvýšení konverzního poměru nebo tržeb. Po nasazení ještě nemáme srovnatelné období a ověřená data, která by takový závěr unesla.

Řešíte podobný Shoptet?

Nezačneme barvou. Začneme otázkami.

Pošlete odkaz na e-shop a napište, kde podle vás dnes ztrácí důvěru nebo zákazníky. Podívám se, jaký další krok dává smysl.

Probrat můj Shoptet