Zvyšování obchodní výkonnosti webových stránek … nejen e-shopů
Jihočeská hospodářská komora, 20. 5. 2015
nejsme agentura Jsme tým nezávislých & kreativních lidí pro Váš web
Martin Laudát Creative director Tel.: +420 728 884 879 E-mail:
[email protected] Web: www.Flowly.cz
Co je to ta obchodní výkonnost webu?
www.Flowly.cz
Konverzní poměr je zásadní ukazatel • Poměr uživatelů kteří provedou konverzi ke všem uživatelům, co na web přijdou – udává se v procentech • Podává informace o použitelnosti a přesvědčivosti webu KP = počet zkonvertovaných návštěvníků / počet všech návštěvníků * 100
• V systému GA se dá udělat pouze jedna konverze na jednu návštěvu (KP < 100%) • Obvykle v řádech jednotek procent, ale může být i mnohem vyšší
www.Flowly.cz
Průměrná hodnota objednávky • Podstatný ukazatel obchodní výkonnosti • Je to průměrná částka, kterou uživatelé na e-shopu utratí • Je ovlivňována různými faktory např. cross-sell • Nabídněte zákazníkovi něco navíc – doprava zdarma, bonusový klub,…
www.Flowly.cz
Celková cena objednávek • Také podstatný ukazatel obchodní výkonnosti • Udává celkovou sumu za objednávky v daném období • Je ovlivňována konverzním poměrem i průměrnou hodnotou objednávky - logicky
www.Flowly.cz
Konverzní cesta – cesta k zisku • CFO – Conversion Funnel Optimalization • Jedná se o cestu uživatele ke konverzi • Typicky kroky nákupního košíku • Říká nám, odkud uživatelé přišli, jak cestou procházeli, odkud nejvíce odcházeli a kolik jich cestu dokončilo – provedlo konverzi • Pomocí Google Analytics nebo jiných nástrojů jí můžeme analyzovat • Analýza nám pomůže konverzní cestu optimalizovat a zlepšit
www.Flowly.cz
www.Flowly.cz
www.Flowly.cz
Obchodní výkonnost webu není jenom o marketingu
www.Flowly.cz
Marketing je zcela zásadní, ale… • Nový web / re-design stávajícího webu • Dvakrát měř, jednou řež • Web používají lidé a ne stroje • Testování vyřeší spoustu věcí za Vás • Mobilní zařízení – fenomén dnešní doby • Rychlost = zisk
www.Flowly.cz
Takto dopadnout nikdo nechce…
Nový web nebo re-design stávajícího webu? • Jednoduchá otázka? Ale kdeže… • Pokud tvoříme nový web, přístup je odlišný • Re-design stávajícího webu je mnohem náročnější • Určete si cíle (že má konkurence nový web není cíl) • Přemýšlejte nad každým krokem • Každou změnu konzultujte, vyplatí se to
www.Flowly.cz
Dvakrát měř, jednou řež • Bez důkladných vstupních analýz je úspěch složitý • Analýzy mohou optimalizovat i firemní procesy • Budete znát odpovědi na základní otázky • Ta žlutá je moc žlutá • Můžete průběžně ověřovat, zdali se plní cíle • Ke každému nápadu budete mít v ruce argument
www.Flowly.cz
Web používají lidé a ne stroje • Prošli jste si někdy svůj web pořádně? Našli jste tam nějaký nesmysl? • Snažte se pochopit potřeby reálných uživatelů • Přizpůsobte se jim • Poslouchejte je a vrátí se vám to • Buďte na ně příjemní • Vaši uživatelé se mění stejně jako vy
www.Flowly.cz
Testování vyřeší spoustu věcí za Vás • Testujte každý krok vývoje • Testování odhalí chyby, které Vás nenapadnou • Testujte každou změnu se svým okolím • Před vydáním produkční verze uspořádejte velké testování • Opravte klíčové problémy, které souvisí s konverzí • Testování je jednoduché, zvládne ho každý
www.Flowly.cz
Mobilní zařízení – fenomén dnešní doby • Éra mobilních zařízeni je zde! • Myslete na uživatele, kteří k Vám chodí z „chytrých hraček“ • Dopřejte jim to samé jako na „velkém webu“ • Responzivní design / mobilní aplikace • Věřte, že i z telefonů se na internetu objednává • Google začal v mobilním vyhledávání dávat přednost mobilním webům
www.Flowly.cz
www.Flowly.cz
www.Flowly.cz
www.Flowly.cz
Rychlost = zisk • Rychlost webu je důležitá • Uživatelé nebaví čekat (klasické fronty v obchodech) • Rychlost je naprosto zásadní v mobilních zařízeních • Wallmart zjistil, že každou ušetřenou sekundou načítání se jim zvedl konverzní poměr o 2% • Ujistěte se, že váš web je rychlý (minifikace, rychlost serveru, …) • https://developers.google.com/speed/pagespeed/insights/
www.Flowly.cz
www.Flowly.cz
www.Flowly.cz
Příklad mluví za vše Pan Novák Majitel zaběhlého e-shopu cca 40 objednávek denně (průměrná cena objednávky 648 Kč)
www.Flowly.cz
Konkurence re-designovala já musím také!
www.Flowly.cz
S aktuálním dodavatelem nejsem spokojený, vyberu jiného
www.Flowly.cz
Známí mi doporučil, jsou opravdu dobří a velice levní
www.Flowly.cz
Předal jsem zadání a za týden jsem měl design V tuto chvíli jsem dostal opravdový strach
www.Flowly.cz
Je to už půl roku a zatím mám pořad jen design Ale prý se na tom usilovně pracuje!
www.Flowly.cz
Hurrrááá tady je polofunkční betaverze! A můj strach byl oprávněný! Starý web je mnohem použitelnější
www.Flowly.cz
Betaverzi jsme tedy otestovali Výsledek byl katastrofální, budeme muset začít znovu…
www.Flowly.cz
Takový byl výsledek…
Zvyšování konverzního poměru několik užitečných tipů z praxe
www.Flowly.cz
www.Flowly.cz
CTA – hrajte si s tlačítky
CTA – hrajte si s tlačítky
Live chat
nárůst odeslaných formulářů o 32%
Na důvěryhodnosti záleží
Obrat se zvedlo o $122 00
Layout je také důležitý
Nákupy se zvedli o 64.80%
Čím méně tím lépe
Čím méně tím lépe
Závislost KP na počtu formulářových polí
Pozor na slidery
Pozor na slidery
Pozor na slidery – lepší řešení
Velké obrázky fungují
Nárůst prodeje o 9%
Obrázky jsou lepší než generické ikony
Pozor na fotobanky
Nárůst registrací o 35%
Našeptávače pomáhají uživatelům
Využívejte filtrování
Zjednodušte objednávkový proces
Děkuji za pozornost
www.Flowly.cz
