Redesign webu: 7 chyb, které sníží konverze

Nový web je hotový. Design je krásný, animace jezdí plynule, fotky vypadají skvěle. Celý tým je nadšený. Spustíte ho, pochlubíte se na LinkedInu a pak se podíváte do Google Analytics.

Konverze klesly. Poptávky jdou dolů. Telefon zvoní míň. A vy si říkáte: jak je to možné? Vždyť jsme do nového webu investovali statisíce a je objektivně lepší.

Jenže „lepší“ pro vás a „lepší“ pro vaše zákazníky jsou dvě úplně jiné věci. Redesign webu je jednou z nejrizikovějších operací v online marketingu. Ne proto, že by nový web nemohl být lepší, ale proto, že většina redesignů se řídí tím, jak web vypadá, ne tím, jak funguje.

Projdeme 7 nejčastějších chyb, kvůli kterým nové weby vydělávají míň, a pak si řekneme, jak redesign udělat tak, aby skutečně přinesl výsledky.

1. Ztráta naučených vzorců – lidé už věděli, jak na starém webu nakoupit

Vaši stávající zákazníci se na starém webu orientovali. Věděli, kde najdou ceník, jak vyplnit poptávkový formulář, kam kliknout pro kontakt. Tyhle vzorce si budovali měsíce nebo roky, každou návštěvou a každou objednávkou.

Redesign všechny tyhle vzorce rozbije, i když je nová navigace „logičtější“. Problém není v logice, ale v tom, že návštěvník musí začít přemýšlet. A jakmile člověk na webu přemýšlí, místo aby jednal, konverze klesají.

Na co si dát pozor

Navigační struktura. Pokud přesunete klíčové položky do jiné kategorie nebo je přejmenujete, lidé je nenajdou. „Služby“ se najednou jmenují „Řešení“ a zákazník neví, jestli tam najde to samé.
Konverzní cesta. Pokud se na starém webu dostal zákazník k poptávce na 2 kliky a na novém na 4, máte problém.
Pozice klíčových prvků. Telefon byl vpravo nahoře? Tak ho tam nechte. Lidi se tam dívají automaticky.

Neznamená to, že nemáte nic měnit. Měli byste ale vědět, co na starém webu fungovalo, a to záměrně zachovat.

2. Design pro krásu místo pro funkci

Tohle je asi nejčastější příčina propadu konverzí po redesignu. Firma najme šikovnou grafickou agenturu nebo freelancera, výsledek vypadá parádně, ale nikdo se nezeptal, proč návštěvníci na web přicházejí a co tam chtějí udělat.

Designér dostane zadání „udělejte nám moderní web“. A přesně to udělá. Velké fotky, hodně bílého prostoru, minimalistické menu, skryté texty. Výsledek vyhraje designovou soutěž, ale konverzím uškodí.

Jak to vypadá v praxi

Velké hero sekce bez obsahu. Fotka přes celou obrazovku s jedním slovem. Vypadá to efektně, ale návštěvník neví, co firma dělá.
Navigace schovaná do hamburger menu i na desktopu. Moderní to je, funkční pro e-shopy a služby rozhodně ne. Skryté menu znamená méně kliků na klíčové stránky.
Text obětovaný designu. Copywriter napíše prodejní text, designér ho zkrátí na polovinu, protože „to jinak nevypadá dobře v layoutu“.

Vznikne web, který působí profesionálně, ale návštěvníka k akci nedovede.

Jak to dělat správně

Design musí sloužit obsahu a konverzním cílům, ne naopak. To znamená, že nejdřív definujete, co má stránka sdělit a kam má návštěvníka dovést, a teprve pak se řeší vizuální podoba. Jak konkrétně psát texty, které konvertují, jsme popsali v průvodci webovým copywritingem. U landing pages, kde je konverzní cíl jednoznačný, platí to dvojnásob; jak strukturovat landing page, která zachytává leady, jsme popsali zvlášť.

3. Ignorování mobilní zkušenosti

Většina redesignů se stále primárně navrhuje na desktopu. Designér pracuje na velkém monitoru, klient schvaluje na notebooku a mobilní verze se „nějak přizpůsobí“.

Přitom na většinu českých webů dnes přichází z mobilu více než polovina návštěvníků. U některých oborů – restaurace, lokální služby, e-shopy – je to i přes 70 %. Přesto se mobilní verze často řeší až dodatečně.

Typické problémy mobilní verze po redesignu

Tlačítka příliš malá nebo příliš blízko u sebe. Na desktopu to vypadá elegantně, na mobilu se nedá kliknout.
Formuláře nepřizpůsobené mobilu. Pole, do kterých se na telefonu špatně píše. Chybějící správné typy polí (numerická klávesnice pro telefon, e-mailová pro e-mail).
Obsah, který na mobilu zmizí. Některé redesigny skrývají na mobilu klíčové sekce (reference, ceník, FAQ), aby stránka „nevypadala přeplněná“. Jenže právě ty sekce mohly být rozhodující pro konverzi.
Pomalé načítání. Nový design často přináší větší obrázky, více animací a těžší skripty, které se na mobilním připojení načítají několikanásobně déle.

Co s tím

Navrhujte mobile-first. Začněte tím, jak bude web fungovat na mobilu, a pak přidávejte pro větší obrazovky. A hlavně: testujte konverzní cestu na mobilu reálně. Sami si na svém telefonu projděte cestu od příchodu na web po odeslání poptávky, ideálně i na pomalejším připojení.

4. Odstranění prvků, které skutečně fungovaly

Redesign má tendenci „uklidit“ a „zjednodušit“. To zní rozumně, ale často se při tom odstraní nebo schová něco, co prokazatelně přinášelo konverze.

Co se typicky odstraňuje (a nemělo by)

Reference a citace zákazníků. Starý web měl pod hero sekcí pás s logy klientů a 3 citáty. Nový web je přesunul na samostatnou stránku „Reference“, kam se skoro nikdo neproklikne.
Prvky důvěry. Certifikáty, záruky, počet dokončených projektů. Na starém webu byly viditelné, na novém zmizely „do redesignu“.
FAQ sekce. „To se dá přece napsat líp“ – a nakonec se to nenapíše vůbec.
Telefonní číslo v záhlaví. Designér řekl, že to ruší vizuální čistotu. Zákazníci ale volali právě proto, že ho viděli hned.

To všechno jsou prvky, které snižují nejistotu návštěvníka a pomáhají mu rozhodnout se. Když je odeberete, cestu mu nezjednodušíte, ale ztížíte, protože mu chybí informace potřebné k rozhodnutí.

Jak to řešit

Než cokoli odstraníte, podívejte se do dat. Google Analytics, Hotjar, záznamy chování uživatelů – cokoli, co máte. Pokud vidíte, že na starém webu lidé klikali na reference a pak konvertovali, nechte reference na viditelném místě. Rozhodujte podle dat, ne podle estetického cítění designéra.

5. Nenastavený tracking – a nemožnost porovnat

Tahle chyba se neprojeví hned, o to víc ale bolí později. Firma spustí nový web a pak zjistí, že nemá data, podle kterých by poznala, jestli je nový web lepší, nebo horší.

Jak to vypadá

Na starém webu nebyl pořádně nastavený Google Analytics (nebo se přešlo na GA4 a historie se ztratila).
Na novém webu se analytika nastaví až týden po spuštění.
Nikdo nesledoval konverzní míru starého webu, takže není jasné, jestli nový web konvertuje líp, nebo hůř.
Formuláře nemají nastavené sledování odeslání, takže nikdo neví, kolik lidí formulář vyplní a kolik ho opustí.

Místo tvrdých dat zbydou subjektivní dojmy. „Mně se zdá, že to funguje líp“ není metrika.

Co nastavit PŘED spuštěním nového webu

Zdokumentujte klíčové metriky starého webu. Konverzní míra, bounce rate, čas na stránce, počet odeslaných formulářů, nejnavštěvovanější stránky.
Nastavte tracking na novém webu ještě před spuštěním. Google Analytics, sledování formulářů, konverzní události. Ověřte, že všechno funguje.
Definujte, co budete měřit. Ne „celkovou návštěvnost“, ale konkrétní konverzní akce: odeslání poptávky, klik na telefon, přidání do košíku.
Nechte si běžet obě verze paralelně alespoň krátce (viz bod 6 o postupném nasazení).

Bez dat hodnotíte redesign podle pocitů, a ty klamou.

6. Big bang launch místo postupného nasazení

Většina redesignů se spouští stylem „v pátek vypneme starý web, v pondělí zapneme nový“. Velká událost, velké nadšení – a velké riziko.

Pokud se něco pokazí (a něco se téměř vždy pokazí), nemáte kam ustoupit. Nový web je venku, starý je pryč. Jestli konverze spadly kvůli špatnému formuláři, chybějícímu obsahu nebo pomalému načítání, zjistíte to až po týdnech a mezitím přicházíte o zákazníky.

Jak postupovat místo toho

A/B testování klíčových stránek. Nejdřív spusťte nový design na jedné nebo dvou stránkách (třeba landing page pro jednu službu) a porovnejte konverze se starým designem. Teprve když nový design prokazatelně funguje líp, rozšiřte ho na další stránky.
Postupné nasazení po sekcích. Nemusíte měnit celý web najednou. Začněte homepage, pak produktové stránky, pak blog.
Soft launch. Spusťte nový web na subdoméně nebo pro omezenou skupinu uživatelů a sbírejte zpětnou vazbu, než ho otevřete všem.

Tohle vyžaduje víc plánování a technické práce. Stojí to ale za to, protože chyby v redesignu se mnohem snáz opravují na jedné stránce než na celém webu.

7. Žádné testování s reálnými uživateli

Poslední a možná nejzávažnější chyba: nikdo se nezeptal skutečných uživatelů. Web schválil jednatel, marketingová manažerka a grafický designér. Všichni tři ho znají dokonale. Ale žádný z nich se na web nedívá očima zákazníka, který ho vidí poprvé.

Proč interní schvalování nestačí

Prokletí znalosti. Vy víte, kde co na webu je, co která služba znamená a jak se dostat k poptávce. Zákazník to neví.
Jiné priority. Interní tým řeší, jestli jsou barvy podle brand manuálu a jestli jsou fotky dostatečně kvalitní. Zákazník řeší, jestli pochopí, co firma nabízí a kolik to stojí.
Provozní slepota. Když se na něco díváte každý den, přestanete vidět problémy.

Jak testovat s reálnými uživateli (i bez velkého rozpočtu)

Poproste 5 lidí z cílové skupiny, aby na novém webu splnili konkrétní úkol. Například: „Najděte ceník služby X a odešlete poptávku.“ Sledujte, kde tápou.
Guerilla testování. Posaďte kolegu z jiného oddělení (nebo kamaráda, který s vaší firmou nemá nic společného) před nový web a požádejte ho, aby nahlas komentoval, co vidí a co dělá. Stačí 10 minut a zjistíte víc než z měsíce interních diskuzí.
Hotjar nebo podobný nástroj. Nahrávání chování uživatelů na webu. Uvidíte, kam klikají, kde scrollují, kde odcházejí. Stojí pár stovek měsíčně a ušetří vám statisíce za opakované předělávání.

Pět uživatelských testů odhalí většinu kritických problémů. Není to dokonalé, ale nesrovnatelně lepší než žádné testování.

Jak udělat redesign, který skutečně zvýší konverze

Teď víte, co nedělat. Správný postup vypadá takhle:

1. Začněte daty, ne Figmou

Než otevřete designový nástroj, zjistěte:

Co na starém webu funguje? Které stránky mají nejlepší konverzní míru? Kde lidé tráví nejvíc času? Odkud přicházejí zákazníci, kteří skutečně zaplatí?
Co nefunguje? Kde lidé odcházejí? Které formuláře mají nízkou míru dokončení? Kde se návštěvníci ztrácejí?
Co říkají zákazníci? Proč si vás vybrali? Co jim na webu chybělo? Co je skoro odradilo?

Tyhle informace jsou základ redesignu. Bez nich jen hádáte.

2. Definujte měřitelné cíle

„Chceme modernější web“ není cíl. Cíle vypadají takhle:

Zvýšit konverzní míru poptávkového formuláře z 2 % na 3 %
Snížit bounce rate na produktových stránkách pod 50 %
Zvýšit počet odeslaných poptávek o 20 % za 3 měsíce

S jasnými cíli poznáte, jestli redesign splnil svůj účel. Bez nich se budete bavit o pocitech.

3. Zachovejte to, co funguje

Ne všechno na starém webu je špatně. Najděte prvky, které prokazatelně přinášejí konverze, a ty záměrně zachovejte nebo vylepšete.

4. Testujte před spuštěním, měřte po spuštění

Uživatelské testování před spuštěním. A/B testy po spuštění. Data každý týden. Připravenost rychle opravit, co nefunguje.

5. Plánujte redesign jako proces, ne jako jednorázový projekt

Nejlepší weby nevznikají jednorázovým redesignem, ale průběžnou optimalizací: malými změnami založenými na datech, testovanými s reálnými uživateli a měřenými v čase.

Nevíte, jestli váš web konvertuje tak, jak by mohl?

Redesign je velká investice. Než se do něj pustíte, vyplatí se vědět, co přesně na současném webu nefunguje a jestli to vůbec vyžaduje redesign, nebo stačí cílené úpravy.

Kaen váš web průběžně analyzuje a z dat najde, kde návštěvníci odcházejí. Místo velkého redesignu postaví varianty konkrétních míst a po vašem schválení je pustí do A/B testu, takže změnu ověříte na reálných návštěvnících. Vítěze nasadí naplno, bez vašeho schválení se nic nespustí.

Možná zjistíte, že nepotřebujete nový web. Možná stačí opravit 3 věci na tom stávajícím.