Majiteľ e-shopu s pracovným náradím nám položil otázku, ktorú som počul už stokrát: „Prečo nám klesajú tržby, keď nám rastie návštevnosť?“ V jeho Google Analytics (teraz GA4) svietilo číslo 68 % mobilných návštevníkov.
Jeho web bol pritom naposledy výraznejšie upravovaný v roku 2019 a na mobile sa musel človek preklikávať cez menu, ktoré pripomínalo labyrint. Nebol to problém s produktom ani cenou. Bol to problém s tým, že 68 % jeho potenciálnych zákazníkov dostávalo horšiu verziu obchodu ako zvyšných 32 %.
Čo presne bolo zlé? Tri konkrétne diery
Prvý pohľad na mobilnú verziu odhalil tri zásadné problémy, ktoré sú typické pre weby, čo „mobilnú verziu majú, ale akosi im to funguje“.
1. Pridávanie do košíka bolo neviditeľné. Tlačidlo „Do košíka“ bolo pod záhybom (pod viditeľnou časťou obrazovky) a malo sivú farbu, ktorá splývala s pozadím. Zákazník musel prejsť cez detail produktu, posunúť sa o dve obrazovky nižšie a uhádnuť, že sivý obdĺžnik je vlastne tlačidlo.
2. Objednávkový formulár vyžadoval zbytočnú prácu. Deväť políčok, z toho štyri sa dali automaticky doplniť (adresa, mesto, PSČ). Pri každom omyle sa formulár zresetoval a zákazník musel začať odznova.
3. Rýchlosť načítania bola katastrofálna. Obrázky produktov vo full HD rozlíšení, ktoré sa načítavali na mobile bežne 4 – 6 sekúnd. Štúdie Google potvrdzujú, že pravdepodobnosť odchodu zo stránky výrazne rastie, ak sa čas načítania predĺži z 1 na 3 sekundy.
Čo sme zmenili a prečo práve toto
Nepresviedčali sme klienta, aby spravil kompletný redizajn. To by trvalo pol roka a stálo desaťtisíce eur. Išli sme po dierach, ktoré priamo zabíjali predaj.
Zmena č. 1: Tlačidlo nad záhybom, veľké a kontrastné. Zelené tlačidlo „Do košíka“ hneď pod názvom produktu, viditeľné bez scrollovania. Farba kontrastujúca s bielym pozadím. Žiadna grafika, žiadna animácia. Len jasná výzva.
Zmena č. 2: Skrátenie formulára na 5 políčok. Adresa a mesto sa dopĺňajú automaticky podľa PSČ. Vypustili sme políčko „poznámka k objednávke“ z prvej obrazovky. Drobnosti, ktoré šetria 30 sekúnd času každému zákazníkovi.
Zmena č. 3: Kompresia obrázkov a lazy loading. Obrázky sme previedli do formátu WebP a nastavili načítavanie až v momente, keď sa k nim zákazník posunie. Čas načítania klesol zo 4 – 6 sekúnd na 1,8 sekundy.
Výsledok po troch mesiacoch: konverzný pomer z mobilu vzrástol z 0,9 % na 2,1 %. Tržby z mobilných zariadení sa zdvojnásobili. Celkové tržby e-shopu vzrástli o 34 %, pretože 68 % návštevníkov konečne dostalo funkčný obchod.
Kde sa skrývajú peniaze, ktoré vám unikajú
Prípad tohto e-shopu nie je výnimka. Baymard Institute (priemer z 50 štúdií, 2024) uvádza, že priemerná miera opustenia košíka je 70 %. Z toho približne 21 % zákazníkov uvádza ako dôvod „príliš komplikovaný alebo zdĺhavý proces objednávky“ a ďalších 18 % „musel som vytvoriť účet“. To sú dve veci, ktoré viete opraviť za víkend a nemusíte na to míňať peniaze.
Päť kontrolných otázok pre váš e-shop
Skôr než začnete míňať na reklamu, prejdite si týchto päť bodov. Ak na niektorý odpoviete „nie“, máte nájdenú dieru, ktorá vám žerie tržby.
- Je tlačidlo „Do košíka“ viditeľné na mobile bez scrollovania? Ak nie, strácate 30 – 50 % potenciálnych objednávok.
- Má formulár objednávky menej ako 6 políčok? Každé zbytočné políčko navyše môže znižovať konverziu.
- Načíta sa váš web na mobile do 3 sekúnd? Otestujte to na PageSpeed Insights od Googlu — je to zadarmo.
- Je možné objednať bez registrácie? Ak nie, pripravte sa o pätinu objednávok.
- Je vaša mobilná verzia plnohodnotná, alebo len zmenšený desktop? Ak máte problém s preklepmi, malými tlačidlami alebo nefunkčným menu, máte problém.
Čo si z toho odniesť
Nehľadajte zložité riešenia, keď je problém v základoch. E-shop, ktorý ignoruje mobilných zákazníkov, dnes ignoruje väčšinu svojho trhu. Oprava mobilnej verzie je investícia s návratnosťou, ktorú vám žiadna reklamná kampaň neponúkne. Kým míňate stovky eur mesačne na platené kampane, ktoré lámu návštevnosť na nefunkčnom mobile, platíte za to, aby vám zákazníci utekali.
Dávidov strategický tip: Spravte si jednoduchý test. Vezmite telefón, vypnite Wi-Fi a skúste si kúpiť vlastný produkt. Ak pri tom zažijete čo i len sekundu frustrácie, máte odpoveď na to, prečo vám klesajú tržby. A nezabudnite — oprava mobilnej verzie nie je výdavok, ale investícia, ktorá sa vám vráti v tržbách.
Zdroje
- Baymard Institute — Cart Abandonment Rate, baymard.com (citované 6. 8. 2026)
- Google / Think with Google — Mobile Page Speed Study, thinkwithgoogle.com (citované 6. 8. 2026)
