Web, který se načítal 10 sekund. A proč to byl nejmenší problém

Výsledky tam byly. Web dělal přesný opak

Iron Fighters je kickboxový a boxerský gym v Jablonci nad Nisou. Dělají dobrou práci - to věřím, gym znám přes 10 let. Muži, ženy, skupiny pro děti i závodníky.

A pak měli web, kde polovina věcí nefungovala. Rozvrh jako HTML tabulka z roku 2012 nečitelná na mobilu. Registrace přes rozbité embedy. Ceny schované v textu. A hero sekce, která neřekla vůbec nic o tom, proč sem přijít.

Výsledek: lidé volali s dotazy, které měly mít odpověď přímo na webu. „Kdy trénujete?" „Kolik to stojí?" Člověk na telefonu z toho byl zoufalý.

Tohle je vzorec, který vídám u spousty firem. Dělají dobrou práci, ale web to neodráží - a zároveň generuje zbytečnou práci navíc. Každý špatně navržený ceník nebo rozvrh se promítne do desítek zbytečných dotazů měsíčně. Každý nejasný hero je potenciální zákazník, který odejde ještě než se rozkouká.

Dostal jsem totální volnou ruku. Žádný brief, žádné kolečko schvalování. Gym jsem znal dost na to, abych věděl, jak to funguje.

„Sportovní klub." Konec věty. Nic víc

Původní hero: fotka prázdného gymu, přes to napsáno „SPORTOVNÍ KLUB". Žádné UVP. Klient neví kdo jsou, co dělají, ani netuší proč pokračovat ve čtení. Nevýrazné logo, nevýrazný navbar, sociální sítě splynou s pozadím.

Fotka prostředí je ale dobrá - a záměrně jsem ji zachoval. Ukázat hned, že se jedná o dobře udržovaný objekt je důležité.

Před redesignem jsem se zeptal: kdo vám chybí? Odpověď: závodníci. Dětí a kondičáků mají jak nasráno. Problém je přivést lidi ve věku 14-25, kteří mají sportovní ambice a chtějí ve sportu nebo v životě něco dokázat.

Tohle jsem dal do centra celé hero sekce.

Dvě sekce, které způsobovaly 90 % dotazů

Původní ceník: holá HTML tabulka bez hierarchie. Ceny ztracené v textu, žádné vizuální oddělení skupin. Člověk v tom spíš ztrácel, než se orientoval.

Nový ceník jsem orientoval na výšku - kvůli telefonům. Skupiny výrazně oddělené, ceny zvýrazněné klubovou červenou. A pod ceníkem hned zmínění „kdy trénujete".

Původní rozvrh byl horizontální HTML tabulka přes celou šířku - 14 sloupců s časovými intervaly. Dvě třetiny prostoru zabíralo „Soukromé lekce a veřejnost po domluvě". Tahle nedůležitá informace dominovala celé sekci. Člověk potřeboval pravítko, aby zjistil, že kickbox pro děti začíná (asi) v 15:30. Na mobilu? Zapomeňte.

Nový rozvrh: vertikální layout, jeden sloupec na den, syté barvy pro každou skupinu, čas na prvním místě. Víkendy jsem neřešil - tam platí „po domluvě" a pod rozvrhem CTA „Rezervovat".

Technicky to byla hloupá HTML tabulka, kterou udržovat bylo hloupé. Ale hlavní bylo, že ji nikdo nepřečetl.

Logika pořadí je záměrná: nejdřív ceník, hned pod ním rozvrh. Když už člověk ví za kolik, chce vědět kdy. Klasická otázka číslo dvě.

Méně fotek, víc informace

Nudných galerií, kde klient natříska 100 obrázků které jenom zpomalí web a nikdo je stejně celé neprojde, je na internetu hromada. Původní galerie Iron Fighters: dump 24 fotek v gridu 4×6. Žádná logika, žádný popis, žádný kontext.

Z každého segmentu jsem vybral pár fotek a přidal k nim popis - aby bylo jasné, že tenhle záběr je hodina boxu, tohle je crossfit zóna, tohle je ring. Fotka bez kontextu je jen dekorace.

Obecně nemám rád carousely. Dám tam hodně informací, vidím vždy jenom část. Hodně často se potkávám se špatně nastavenými carousely. Nedá se to zastavit a přečíst. Výsledek - člověk se na to vykašle.

Původní sponzoři: rozbité registrační formuláře, broken image placeholdery, loga partnerů. V jedné řadě, bez ladu a skladu. Trochu dehonestující pro sponzory jako Národní sportovní agentura nebo město Jablonec.

Registrace šla do navbaru - tam kde je vždy vidět, protože pro klub je to důležité. Sponzoři dostali vlastní sekci s decentním sliderem, kde každé logo je vidět skoro pořád. A malé CTA pro budoucí sponzory - protože otevřené dveře stojí jeden řádek textu.

Klient je mega spokojený. A čísla mluví za sebe

Žádná velká analytická data - gym neprovozuje heatmapy ani A/B testy. Ale výsledky jsou jasné v praxi i v měřeních.