Redesign není nové logo, tři bannery, přebarvení šablony a pocit, že teď už to konečně bude prodávat. Redesign je zásah do toho, jak zákazník e-shop chápe, používá a jestli návštěvnost zůstane návštěvností, nebo se promění v objednávky.

Redesign webu znamená výraznější úpravu vzhledu, struktury nebo fungování webových stránek. U e-shopu nejde jen o to, že „to bude hezčí“. Dobrý redesign má zlepšit důvěryhodnost, orientaci, nákupní cestu, konverzní poměr a schopnost proměnit návštěvnost ze SEO a PPC reklamy v reálné objednávky.

U Shoptetu je redesign často přechod od základní šablony k vizuálně i obchodně silnějšímu řešení. Můžete zůstat na základní šabloně, koupit hotovou vylepšenou šablonu v doplňcích, oslovit agenturu na grafiku podle vaší představy, nebo jít nejdražší, ale často nejrozumnější cestou přes UX designéra.

Redesign e-shopu Dudlu.cz — Grafika webu

Co je redesign webu?

Redesign je přepracování vizuální a funkční podoby webu. Překlad slova redesign je zjednodušeně „nový návrh vzhledu“. Jenže u e-shopu by neměl znamenat pouze změnu barev, tlačítek a bannerů.

Skutečný redesign webových stránek řeší, jak se uživatel na webu orientuje, jak snadno najde produkt a jak konvertovat zákazníka. Proto se u e-shopu dotýká homepage, kategorií, produktu, košíku, filtrace, navigace, mobilní verze, bannerů, formulářů, důvěryhodnostních prvků i microcopy.

PPC specialista může přivést relevantní zákazníky. SEO specialista může zvednout organickou návštěvnost. Social media mohou inspirovat. Ale pokud web působí levně, nepřehledně nebo nedůvěryhodně, zákazník odejde. A reklama jen zaplatila jeho krátkou návštěvu.

Proč je redesign webu důležitý?

Redesign webu je důležitý hlavně ve chvíli, kdy vám roste návštěvnost, ale web ji neumí proměnit v objednávky. Máte PPC kampaně, vybudované SEO pozice, uživatelé chodí, prohlížejí, ale nenakupují.

U Shoptetu máte několik cest, jak řešit vzhled e-shopu. Nejčastější možnosti jsou základní šablona Shoptetu, hotová prémiová nebo upravená šablona z doplňků, grafický redesign od agentury nebo redesign vedený UX designérem. Rozdíl mezi nimi není jen v ceně. Rozdíl je hlavně v tom, jestli řešíte vzhled, odlišení, nebo skutečně nákupní chování zákazníků s cílem navýšení konverzí.

¬

(1.) Základní šablony Shoptetu

Základní šablony Shoptetu jsou ideální start pro začínající e-shop. Jsou připravené, responzivní, průběžně aktualizované a pro mnoho projektů úplně dostačující. Pokud začínáte, nepotřebujete hned vlastní design za statisíce. Potřebujete ověřit sortiment, zákazníky, marži, logistiku a marketing.

Limitem základní šablony je odlišení. Jakmile e-shop roste, začne vám vadit, že podobně vypadá tisíce dalších obchodů. Ideální pro e-shopy v prvním roce podnikání.

(2.) Šablony z Shoptet doplňků

Dobrý kompromis mezi základní šablonou a kompletním redesignem na míru. E-shop získá modernější vzhled a obvykle i několik praktických prvků navíc. Ale není to návrh přesně pro váš byznys.

Ideální pro menší a střední projekty, které už vědí, co prodávají, chtějí zvednout důvěryhodnost a nepotřebují úplně unikátní rozvržení každé stránky, vhodné ve druhém roce podnikání.

🧠 Marketingové konzultace a audity pro Shoptet e-shopy už od 5 000 Kč (Autor: Tomáš Zahálka)

(3.) Agenturní redesign

Agenturní redesign může být skvělý, pokud potřebujete nový vizuální směr. Nové barvy, typografie, bannery, homepage, produktové bloky, grafické prvky, ilustrace nebo celkový brand feeling.

Problém je, že grafický redesign podle přání klienta nemusí mít přesah do UX. Agentura může udělat vizuálně silný layout. Ale pokud se návrh neopírá o data, analýzu chování, heatmapy, nahrávky návštěv, zákaznické dotazy, analytiku a reálné problémy v košíku, může být e-shop hezčí, ale ne výkonnější.

(4.) UX redesign

Nejvýkonnější, ale také nejnáročnější varianta je redesign vedený UX designérem. UX designér neposkládá e-shop podle toho, co se líbí majiteli, ale podle toho, jak se chovají zákazníci, kde se zasekávají, co hledají, čemu nerozumí a proč nedokončují objednávku.

UX redesign pracuje s daty. Google Analytics, Search Console, reklamní kampaně, heatmapy, nahrávky návštěv, uživatelské testování, zákaznická podpora, chování v košíku, dotazy ve vyhledávání, filtrace, produktové stránky a mobilní verze. Cílem není udělat web „hezčí“. Cílem je udělat e-shop výdělečný.

UX designér, který z malých Shoptet e-shopů vytváří jedničky na trhu — Lukáš Dubina

Jak jsme řešili redesign Dudlu?

Shoptet šablona Classic nám pomohla odstartovat, ale e-shop rostl, sortiment se měnil a potřebovali jsme působit profesionálněji. Proto přišel čas oslovit agenturu eGuru a dát Dudlu nový kabát.

Dudlu byl specifický tím, že nešlo jen o klasický dětský e-shop. Nabízeli jsme vedle dudlíků a chrastítek také gadgety a hračky pro dospělé, takže jsme se potřebovali vyhnout příliš infantilnímu vzhledu. Cílem byl kompromis mezi rodičovským e-shopem, širším sortimentem a barvami vycházejícími z loga.

Náš postup ale neberte jako univerzální návod. Už jsme měli poměrně jasnou představu, co chceme měnit, a hledali jsme tým, který naše zadání zpracuje. Pokud za sebou nemáte zkušenosti s e-commerce, doporučil bych začít spíš u UX designéra než rovnou u grafiky podle vlastního pocitu.

Zadání pro grafika na redesign

Před redesignem jsme připravili zadání rozdělené na kategorie, produkt, košík a obecné designové prvky. Celkem šlo o 24 úkolů, které pomohly určit rozsah práce a odhadnout náklady.

S každým redesignem je potřeba počítat, že první návrh nebude finální. I když dodáte sebelepší vstupní data, na druhé straně sedí člověk s jiným vkusem, zkušenostmi a pohledem na svět.

Pokud nejste grafik, musíte se naučit připomínkovat jednoduše a konkrétně. My jsme si návrhy stahovali, číslovali jednotlivé připomínky, někdy je amatérsky zakreslovali v Malování nebo Canvě a ke každému bodu psali, co přesně chceme změnit. Není to elegantní, ale funguje to.

V ideálním procesu byste před grafikou měli mít wireframy. Wireframe je rozvržení prvků stránky bez finální grafiky. Řeší, kde bude menu, banner, produktový výpis, výhody, filtrace, CTA, recenze, košík nebo text. Grafika pak obléká promyšlenou strukturu. Ne naopak.

Proč jsme u Dudlu nejeli plný UX proces?

Poctivě řízený redesign by měl ideálně zahrnovat wireframy pro homepage, kategorie, produkty, košík, blog, články, mobilní verze, hover efekty, popupy a další důležité stavy. To je pracnější a dražší, ale u většího e-shopu to často dává mnohem větší smysl než ladit věci až při kódování.

Náš postup fungoval hlavně proto, že jsme už měli vlastní e-commerce zkušenost a jasnou představu, co chceme. U klientských projektů bych byl opatrnější. Když majitel e-shopu nemá zkušenost s desítkami redesignů, často řeší, co se mu líbí, ne co bude zákazníkovi pomáhat nakoupit.

Ukázka grafické tonality, rozložení bannerů a USP (Klient: Protein a CO | UX: Lukáš Dubina)

Jak redesign ovlivňuje SEO a PPC?

Redesign webu může SEO pomoct, ale také ho dokáže pěkně rozbít. Pokud se při redesignu mění URL adresy, struktura kategorií, interní prolinkování, texty, nadpisy, rychlost webu nebo mobilní verze, musíte mít u toho SEO specialistu. Jinak riskujete propad organické návštěvnosti.

Stejně tak má přímý dopad na PPC kampaně i sociální sítě. Pokud se zlepší důvěryhodnost webu, rychlost, mobilní použitelnost, produktová stránka a košík, může se zlepšit konverzní poměr. A když se zlepší konverzní poměr, PPC specialista má konečně šanci dělat výsledky, ne hasit web.

🔎 SEO pro Shoptet e-shopy už od 15 000 Kč měsíčně (SEO tým: Tomáš Zahálka)

Jak redesign ovlivňuje UX a konverzní poměr?

Redesign webu není jen změna vzhledu, ale zásah do obchodního výkonu e-shopu. 

Čím roste e-shop a čím víc peněz posíláte do PPC, SEO a SMM, tím větší smysl dává řešit redesign s UX designérem podle chování zákazníků. Jinak zvyšujete návštěvnost, ale necháváte ji dopadat na web, který nemusí umět prodávat tak dobře, jak by mohl.

Tak nezahálejte, řešte ve správný čas redesign a ať i vám e-shopy rostou — celý seriál zde!