Kaen
Jak to funguje Náš přístup Ceník Reference Blog Ukázka auditu Objednat audit webu
Zpět na blog

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

Kaen 10 min čtení

Nový web je hotový. Design je krásný, animace jezdí plynule, fotky vypadají skvěle. Celý tým je nadšený. Spustíte ho, pochválíte se na LinkedInu —a pak se dí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 investovali statisíce do nového webu, 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 nový web nemůže být lepší. Ale proto, že většina redesignů se řídí tím, jak web vypadá —ne tím, jak funguje.

Pojďme si projít 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, každou objednávkou.

Redesign všechny tyhle vzorce rozbije. A to i v případě, kdy je nová navigace “logičtější”. Problém není v logice —problém je 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, lidi to ztratí. “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.

Tohle neznamená, že nemáte nic měnit. Ale znamená to, že byste měli 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 propadlých konverzí po redesignu. Firma najme šikovnou grafickou agenturu nebo freelancera, výsledek vypadá parádně —ale nikdo se neptal, proč návštěvníci na web přicházejí a co tam chtějí udělat.

Designer 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 na konverzích se to projeví negativně.

Jak to vypadá v praxi

  • Velké hero sekce bez obsahu. Obrazovková fotka s jedním slovem. Vypadá to cool, ale návštěvník neví, co firma dělá.
  • Schovaná navigace do hamburger menu i na desktopu. Trendy? Ano. Funkční? Pro e-commerce 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, designer ho zkrátí na polovinu, protože “to jinak nevypadá dobře v layoutu”.

Výsledek: web, který budí dojem profesionality, ale neprovede návštěvníka k akci.

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 komunikovat a kam má návštěvníka dovést, a pak se řeší vizuální podoba. Ne obráceně.

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šině českých webů dnes tvoří mobilní návštěvnost více než polovinu celkového provozu. 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ší jako afterthought.

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 inputů (numerická klávesnice pro telefon, emailová pro email).
  • 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é na mobilním připojení trvají ná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 projděte cestu od příchodu na web po odeslání poptávky, na svém telefonu, ideálně i na pomalejším připojení.

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

Redesign má tendenci “uklidit” a “zjednodušit”. Což 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 testimonials. 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.
  • Trust signály. 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, nezjednodušíte mu cestu —naopak mu ji 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, tak reference necháte na viditelném místě. Rozhodujte na základě dat, ne na základě estetického cítění designéra.

5. Nenastavený tracking —a nemožnost porovnat

Tohle je chyba, která se neprojeví hned, ale o to víc bolí později. Firma spustí nový web, a pak zjistí, že nemá data, se kterými by mohla porovnat, 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 analytics 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í.

Výsledek: subjektivní dojmy místo tvrdých dat. “Mně se zdá, že to funguje líp” není metrika.

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

  1. 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.
  2. Nastavte tracking na novém webu ještě před spuštěním. Google Analytics, sledování formulářů, konverzní události. Vše ověřte, že funguje.
  3. Definujte, co budete měřit. Ne “celkový traffic”, ale konkrétní konverzní akce: odeslání poptávky, klik na telefon, přidání do košíku.
  4. Nechte si běžet obě verze paralelně alespoň krátce (viz bod 6 o postupném rollout).

Bez dat redesign hodnotíte pocitově. A pocity vás budou klamat.

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ý rollout 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. Ale stojí to 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á nejkritičtější chyba: nikdo se neptal 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í.
  • Slepota k problémům. 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)

  1. 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.
  2. 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í.
  3. 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ů. Ne dokonalé, ale nesrovnatelně lepší než žádné testování.

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

Teď víte, co nedělat. Ale jak na to jít správně? Tady je přístup, který funguje:

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 completion rate? 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 —neodstraňujte je.

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

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

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

Nejlepší weby se nevzniknou jednorázovým redesignem. Vznikají kontinuální optimalizací —malými změnami založenými na datech, testovanými s reálnými uživateli, měřenými v čase.

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

Redesign je velká investice. A než do něj půjdete, dává smysl 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.

V konverzním auditu od Kaen projdeme váš web systematicky —copy, UX, technický stav i formuláře. Ke každému problému dostanete konkrétní doporučení a měřitelnou hypotézu. Žádné obecné rady, ale kroky, které můžete implementovat hned, nebo předat vývojáři.

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

Mohlo by vás zajímat