Zpět na seznam článků

Redesign Spa.cz – nárůst objednávek o 21,5 %

Od prvotní analýzy, přes strukturu, grafiku až po AB testování jednotlivých částí webu. Záseky, výhry, aha efekty a co na to klient.

Spa-home-before and after

V listopadu 2021 mi přišla od jedna z nejhezčích poptávek.

Předmět byl: Spa.cz uživatelé se trápí a vedení naříká
… a pokračovalo to větou: Už je to více trápení než, že by naše snažení přinášelo kýžené výsledky. Vlastní síly přestaly stačit, přiznali jsme si to a rozhodli se, že si „U“ našich webů zaslouží kvalitní „X“ a naše weby a snahy pořádný „CRO“.

Z toho víte, že se vám s klientem bude dobře dělat. Domluvili jsme se na rychlé analýze, kterou jsem během ledna dodělal, odprezentoval a předal. Asi to nebylo úplně špatně, protože za dva roky přišla další poptávka – tentokrát na kompletní redesign. E-mail byl sušší, ale od hlavního programátora bych nic jiného nečekal :). Specifikace spolupráce, termínů a výstupů – Radek věděl, co od toho chce. Tak jsem vytvořil nabídku a do měsíce jsme si plácli.

Jednoho z konkurentů ta prohra tak zamrzela, že mi okopíroval stránku UX analýzy včetně nadpisu a certifikací. Good luck with that a zdravím MM.

O Spa.cz

Web Spa.cz nabízí přes 4 500 pobytů ve wellness a lázních ve střední Evropě. Konkuruje mu SlevomatTravelKing a částečně se pere s Bookingem, AirBnB a lokální konkurencí.

Plán útoku

Projekt jsme si rozdělili do 4 částí:

  1. UX analýza,
  2. UX úpravy stávajícího webu (hlavně mobilní verze),
  3. Nová grafika webu vč. newsletteru,
  4. Nová funkcionalita a design systém.

Termínově to vycházelo na cca 6 měsíců.

UX analýza

Jako u většiny projektů jsem začal analýzou stávajícího stavu. Případovku budu ukazovat na příkladu homepage, jinak bychom tu byli do zítřka.

Spa.cz homepage s komentáři

Zkontroval jsem analytiku, podíval se na mousetrackingová data, pobavil se ze zákaznickou podporou, prošel si 2denním uživatelským testováním, projel to UX checklistem a zkontroloval jsem předchozích 600 AB testů.

Výsledkem bylo zkontrolovaných 36 stránek webu a 270 doporučení. Celé jsme to prošli s klientem a já z toho udělal něco použitelnějšího – prioritizovanou tabulku s cca 50 úpravami, vše rozdělené po jednotlivých stránkách (používám upravený PXL Framework).

150 wireframů

Dalším krokem bylo dát doporučením vizuální podobu. Aby bylo jasné, co kde má být včetně textů. Na struktuře homepage jsme se shodli při 3 variantě.

Spa.cz homepage wireframe

Postupně jsem nakreslil výpis, detail pobytu, jednotlivé kroky objednávky, blog, uživatelskou sekci, dárkové poukazy atd. Probírali jsme s klientem umístění prvků, textaci, varianty (například řádkový vs. mřížkový výpis pobytů).

Grafika a UX úpravy

Grafiky se chopil precizní Milan Chudoba a byla radost koukat na výsledek. Ladili jsme celkové vyznění i detaily – když se sejdou dva kluci s OCD, musí to být perfektní :).

Spa.cz design homepage

No a taky to znamená, že ke všemu zkoušíme různé varianty, abychom vybrali tu nejlepší. Tohle je design výpisu pobytů ve všech alternativách včetně responzivních filtrů, mapy, přepínače mezi pobyty a hotely atd.

Spa.cz grafiky výpisu pobytů a hotelů

Následně jsme hotovou grafiku předali interním programátorům, kterým se v rekordním čase podařilo z placatých obrázků vytvořit fungující web. Velké díky Radku Juřicovi, Petru Mackovi a Jirkovi Michelovi za pořádný kus práce.

Testování nového webu po částech

No a pak přišlo to nejzajímavější. Shodli jsme se na tom, že web jen překlopit a doufat, že bude fungovat lépe je nám všem proti srsti, a že chceme otestovat jednotlivé části – vždy starou a novou.

Pro AB testování jsme vybrali open source řešení GrowthBook a zadrbali se na 2 měsíce s implementací. Řešili jsme napojení na BigQuery, které metriky kdy a kam posílat, consent mód, GTM a všemožné vychytávání chyb. Jen jako chuťovku posílám pár nářků:

  • Chybka s variant id byla jen v tom, že SQL volalo int value a my tam posílali string. Opraveno a už to začíná zobrazovat data.
  • Díval jsem se na výsledky A/A testu Growthbooku a … máme multi exposure warning – tedy uživatel viděl vícero variant jedné stránky až ve 20-27% případů. Za druhé tam máme asi problém se samotným přerozdělováním verzí.
  • Ještě se na to podívám, jestli se mi nepodaří odhalit nějaké chyby, ale v aktuálním stavu je tool nepoužitelný.

Nakonec se to povedlo všechno odladit, ale byla to bolest. A bez Petra Svobody – markeťáka ze severu bychom to podle mého nezvládli.

Popíšu podrobněji dva testy:

Nová objednávka

Test-poptavka

Spustili jsme test nové objednávky. A po pár týdnech jsme viděli -18 %! Já se drbal na hlavě a kontroloval analytiku, mousetracking, klient kontroloval interní systém. A na nic jsme nemohli přijít.

Pokrčili jsme rameny a spustili test znova. A výsledek byl cca stejný. To už mi začaly vlasy pomalu vypadávat. A říkal jsem si, jak to, že mi nesedí čísla v různých systémech.

Nakonec přišli programátoři na to, že se u nové varianty nepočítaly konverze pokud:

  • byly v objednávce děti,
  • uživatel přidat poznámku.

Tak jsme se všichni plácli do čela a následný test už dopadl nesignifikantně mírně v plusu :).

Separátně jsme pak testovali dvě věci:

  1. Prohození políček počet osob a výběr termínu. Moje hypotéza byla, že jednodušší otázky by měly být jako první. A že s velkou jistotou jako zákazník vím, kdo pojede, ale termín mi může být relativně jedno a můžu vybírat termín podle toho, kdy je to nejlevnější.
  2. Přidání souhrnu pobytu do objednávky. Z uživatelských testů i videí uživatelů v Clarity jsem viděl, že lidi si chtějí být jistí, co si kupují. A že se často z objednávky vrací do detailu pobytu. Tak jsme otestovali přidání odkazu na podrobnosti, které vyskakovalo v modálním okně. A ukázalo se, že to byl jeden z nejpřínosnějších testů (+17,2 % dokončených objednávek).

Nová homepage

Spa.cz původní a nová homepage

U tohoto testu jsem trpěl mírným optimizmem. Naštěstí se mi potvrdil. Změnilo se výrazně chování uživatelů:

  • Výrazně víc začali používat našeptavač (+13,5 %) a méně chodili do výsledků vyhledávání (-61 %). Což bylo za nás chtěné chování.
  • Návštěva výpisů pobytů (stát, oblast, město i lázně) se zvedla o 28,1 %.
  • Množství objednávek mírně vzrostlo, ale s malou jistototou. Statistickou jistotu jsem ani nečekal, protože tato akce je příliš vzdálená od testované stránky.
  • Doskrolování do konce stránky se zvedlo o 422 %, takže lidi začali konzumovat celý obsah.
Growthbook-test-homepage

Seznam nejdůležitějších AB testů

  1. Výběr termínu na mobilu (+1,4 % objednávek)
  2. Objednávka (nejprve -18 % – bug v počítání, pak vždy nerozhodně)
  3. Modální okno s popisem pobytu (+17,2 % objednávek)
  4. Rezervace (+11,8 % potvrzení rezervace, a -8,4 % zrušení rezervace)
  5. Homepage (+2,5 % objednávek, +28 % navštívení výpisu pobytů, +13 % kliknutí na našeptavač)
  6. Výpis pobytů (objednávky neurčité, +35 % použití filtrace, +14,5 % navštívení pobytu)
  7. Detail pobytu (tři testy obrat +2, +7 a +8 % nesignifikantně, +8,1 % začne objednávku)

8 experimentů vyhrálo, 8 prohrálo, ostatní byly neurčité nebo jsme našli chybu v implementaci. Což beru jako úspěch, protože v průměru vyhraje jen každý 3. až 10. AB test.

Experiment-status

Kumulativní zlepšení obratu bylo o 43 %. Je to ale dost zcestná metrika, já to radši vždy dělím na polovinu. Část testů může být falešně pozitivních (byť sekvenční AB testování to hodně omezuje), část efektu se může v čase vracet do průměru, ne všechny kombinace testů musí mít synergický efekt. Každopádně nárůst byl takový, že jsem dosáhl success fee od klienta :).

Co na redesign říká klient

Radek Juřica, Chief Technology Officer

Z čeho jste měl obavy před redesignem webu?
Měli jsme strach, že se budeme točit v kruhu neúspěšných A/B testů a že nová verze ve výsledku nepřinese lepší výsledky než ta původní. Navíc jsme se obávali, že projekt bude časově náročný a vleklý.

Co se změnilo po redesignu?
Znatelně se zvýšil konverzní poměr u rezervací od klientů. Zároveň máme na dnešní dobu moderní a udržitelný základ webu, na kterém nyní můžeme dál stavět.

Co vás na spolupráci nejvíc překvapilo (v dobrém)?
Překvapil nás profesionální, ale zároveň velmi lidský přístup od Ondřeje. Bylo cítit, že mu na výsledku opravdu záleží. K tomu jsme se naučili používat nové nástroje pro efektivní měření různých parametrů na webu.

Jaké 3 přínosy vám nový web přinesl?
Jednoznačně vyšší konverzní poměr. Kromě toho pozitivní zpětnou vazbu od klientů a moderní, vizuálně atraktivní vzhled.

Doporučili byste Ondru pro podobný projekt?
Určitě ano – a to po všech stránkách. Spolupráce byla příjemná, efektivní a výsledky mluví samy za sebe.

Chcete k tomu něco dodat?
Redesign pro nás nebyl jen vizuální změnou, ale zásadním posunem v efektivitě a profesionalitě použitých nástrojů. Ondřej do projektu přinesl nejen know-how, ale i schopnost naslouchat a hledat cesty, které dávají smysl z business pohledu. Díky tomu jsme získali web, který nejen lépe vypadá, ale především lépe funguje. Spolupráci hodnotíme velmi pozitivně a jsme rádi, že jsme se do toho pustili právě s ním.

Lukáš Václavek, Chief Marketing Officer

Lukáš Václavek

Z čeho jste měl obavy před redesignem webu?
Že se z toho klasicky stane nekonečný proces AB testů a slepých uliček a datových nesrovnalostí. Nicméně, když za to vezmou profesionálové, tak je to úplně jiný příběh.

Co se změnilo po redesignu?
Můžeme do marketingu investovat násobně více a generovat stále zelená čísla. Z pohledu marketingu, klienta i zaměstnance velký skok kupředu!

Co vás na spolupráci nejvíc překvapilo (v dobrém)?
Ten tah na branku je inspirující, žádná překážka nebyla nepřekonatelná. Těším se na další featury.

Jaké 3 přínosy vám nový web přinesl?
Kromě lepšího konverzního poměru nový web ovlivnil i to, jak Spa.cz zákazníci a kolegové vnímají. Konečně jsme dotáhli velký projekt, na který jsou všichni hrdí. 

Doporučili byste Ondru pro podobný projekt?
Nedoporučil, pro stejné odvětví ne, ať nám ho nevyfoukne konkurence. Haha :) Samozřejmě, že ano, vždyť jsem ho doporučil i pro Spa.cz. 

Chcete k tomu něco dodat?
Ondřej už není jedním z mnoha externích kontraktorů, ale bereme ho jako součást týmu Spa.cz. Zároveň je jedním z několika expertů v marketingovém odvětví, které více jak dekádu sleduji a s kým jsem si vždy přál spolupracovat. Jsem rád, že to klaplo.

Závěr

Za mě se do přes drobné bolesti povedlo, kdybych měl doporučit, co si pohlídat, tak:

  • dopředu definovat úspěch a jak ho měřit,
  • mít pořádek v datech (analytika a interní systémy), abych jim mohl věřit,
  • dát si dost času na implementaci dalších nástrojů (clarity, zuko, ab testing),
  • nezapomenout v nabídce čas za projektové řízení, takto ho měl klient grátis :). Protože dostal nabídku fixní cena za výsledek a já slovo držím.

Každopádně za mě jedna z lidsky nejmilejších a technicky nejzajímavějších spoluprací.

Související články

Pripadovka-generali-nahled Případovka

Případovka: Redesign České pojišťovny

Marketing-examples-popup1 Případovka

Případovka: O 90 % efektivnější přihlášení k newsletteru

Pripadovka-reptisk-nahled Případovka

Případovka: REP tisk a bolestivé slevy

Trenyrkarna-homepoage Případovka

4× obrat za 6 let spolupráce s Trenýrkarna.cz

Smysluplná debata