Wireframe a mapa kampaně, šablona pro e-blast, responzivní šablona pro automatizace, šablona pro transakční e-maily, použitelnost a dostupnost, pravidla designu, obsah orientovaný na uživatele, jak a kde ušetřit čas, A/B testování, základ.

1. UX v e-mail marketingu, komunikujte
se zákazníky tak, jak chtějí...
Tomáš Růžička
@Tomas_Ruza
#emailing
https://www.linkedin.com/in/tomasmarketing

2. • Wireframe a mapa kampaně
• Wireframe kampaně
• Šablona pro e-blast,
responzivní
• Šablona pro automatizace,
only mobile, několik čísel
• Šablona pro transakční e-maily,
only mobile, několik čísel
UX v E-MAIL MARKETINGu
Agenda
• Použitelnost a dostupnost
• Pravidla designu
• Obsah orientovaný
na uživatele
• Jak a kde ušetřit čas
• A/B testování, základ

3. WIREFRAME – DRÁTĚNÝ MODEL
Balsamiq Mockups – balsamiq.com

4. MAPA KAMPANĚ –> PLÁN –> NÁKLADY –> REALIZACE
Mapa procesu a kalkulace nákladů
• Soupis věcí,
které se musí udělat
• Přehledně vidíte cestu
zákazníka
• Na základě mapy
vzniká wireframe

5. • Upřesnění myšlenky,
definování procesu
• Finální textové
korektury
• Společné šetření
času grafika, kodéra
a programátora
Drátěný model kampaně
Proč používáme drátěné modely?

6. • Odladit chybové
hlášky
• Sbírat jen to,
co využijete
• Navrhněte si každý
krok (POP-up, e-mail,
Landing Page, SMS)
WIREFRAME – drátěný model
Proč používáme drátěné modely
*https://goo.gl/1KrAIp – Jak to nepokazit v cílové rovince – Vratislav Kopp

7. WIREFRAME K PROCESU
s kalkulací nákladů
• Balsamiq.com
• Na jedné
obrazovce vidíte,
co přesně prožije
Váš zákazník
• Odladíte chyby

8. ŠABLONA E-BLAST
Základní ověřené prvky 1/3
• Zobrazit v prohlížeči
• Logo
• Prostor u loga
• Menu
• Oslovení a text,
v textu odkazy podtrženě
• Vedle oslovení akce, top
nabídka
• Dynamická nabídka

9. ŠABLONA E-BLAST
Základní ověřené prvky 2/3
• Produktová nabídka
• Obsahová (Video, blog,
recepty na lepší
náladu… neprodejní
obsah)
• Recenze produktu

10. ŠABLONA E-BLAST
Základní ověřené prvky 3/3
• Tag Cloud
• Hodnocení výrobků
• Menu v patičce
• Zákonné informace
• Odhlášení/změna
nastavení

11. RESPONZIVNÍ NEWSLETTER

12. ŠABLONA AUTOMATIZACE
Základ profilování uživatele -̶ cookies

13. ŠABLONA UVÍTACÍ KAMPANĚ
Základní kampaň pro automatizace
Nasazení cookies
• Pouze mobilní 320px
• Jednoduché, textově
pochopitelné
• Designem více
k transakčním e-mailům

14. • Po dokončení registrace
nasazení COOKIE
• Sledování chování
(produkty, kategorie,
blok, e-mailing, nákupní
historie, mobilní
aplikace)
• Díky COOKIE spouštíme
automatizované
kampaně
AUTOMATIZACE – UVÍTACÍ KAMPAŇ
Podstata uvítací kampaně

15. Jednoduchá
implementace
• Trackování
• Kousek scriptu
• Kousek do CSS
Časově se dá stihnout
za ½ měsíce práce
Investice od 15 – 75.000 Kč
AUTOMATIZACE – UVÍTACÍ KAMPAŇ
Návrh, drátěný model, grafika, HTML, implementace

16. ŠABLONA pro AUTOMATIZACE
Základní ověřené prvky 1/3
• Logo + menu
(40 px button)
• Maximálně
jednoduché
• Komunikace
se zákazníkem
• Dynamické
produkty, např.
naposledy
navštívené

17. ŠABLONA pro AUTOMATIZACE
Základní ověřené prvky 2/3
• Produktová nabídka
• Obsahová nabídka (video,
blog, obsah neprodejní)
• Dynamický tag cloud

18. ŠABLONA pro AUTOMATIZACE
Základní ověřené prvky 3/3
• Hodnocení výrobků
z naposledy
navštívené
kategorie
• Menu v patičce
• Zákonné informace,
odesláno na e-mail,
odhlášení/nastavení

19. • Otevření
75–90 %
• Konverzní poměr
5–50 %
• Odhlášení
< 0,1 %
Kdo nenakoupí
má cookie
AUTOMATIZACE – TROCHA ČÍSEL
Uvítací kampaň

20. • Budování vztahu,
zvyknou si na Vás
• Cookie sledování
chování
• Odchytíte
1 % až 10 %
z návštěvnosti
AUTOMATIZACE – UVÍTACÍ KAMPAŇ
Uvítací kampaně se vyplácejí

21. • Konverzní poměr 15–50 %
• Až 85 % zákazníků nenakoupí
• Vyšší open rate až 15+ %
• Vyšší clickrate 20+ %
• Vyšší konverzní poměr až 100 %
AUTOMATIZACE – UVÍTACÍ KAMPAŇ
Několik čísel z praxe
CVR 45 %

22. AUTOMATIZACE – NĚKOLIK ČÍSEL
Opuštěný košík
• Otevření
< 65 %
• Clickrate
< 35 %
• Konverzní poměr
5–15 %
• Odhlášení
< 0,1 %
TIP: Pozor na špatné nastavení, nikdy nedávat pokaždé slevu!

23. AUTOMATIZACE – NĚKOLIK ČÍSEL
Narozeniny, svátky, výročí
• Otevření
< 40 %
• Clickrate
< 35 %
• Konverzní poměr
3–10 %
• Odhlášení
< 0,1 %

24. ŠABLONA pro TRANSAKČNÍ E-MAIL
Základní ověřené prvky 1/3
• Logo
• Hlavička
• Menu
• Oslovení
a poděkování

25. ŠABLONA pro TRANSAKČNÍ E-MAIL
Základní ověřené prvky 2/3
• Shrnutí objednávky
• Cena
• Stav
• Sledovat balík
• Stažení faktury
• VOP přílohou!

26. ŠABLONA pro TRANSAKČNÍ E-MAIL
Základní ověřené prvky 3/3
• Návody, články,
video návody
• Dokoupení
příslušenství
s dopravou ZDARMA
• Menu
• Zákonné informace
• Odkaz VOP,
reklamační řád
• VOP přílohou!

27. Nevyužití potenciálu transakčních e-mailů
Příležitost
• Otevření až 97 %
• Kliknutí až 36 %
• Transakcí až 8 %
• Doručují se do inboxu na seznam.cz
ne do hromadné
• Seznam.cz toleruje rozumnou
nabídku produktů k dokoupení

28. POUŽITELNOST A DOSTUPNOST
TIP: Testování na více platformách – VIVgenerator.cz nebo Litmus.com

29. PRAVIDLA DESIGNU
• Velikost písma min. 13 px
• Dodržovat padding a vzdušnost
• Výška řádku min. 130 % písma
• NEzarovnávat do bloku!
• Dodržovat CTA min 44x44 pixelů
• Odkazy s podtržením
• Obrázky produktů prodávají
• Nepoužívejte kapitálky na více než
3 slova na řádek
• Bezpatkové písmo, krátké odstavce

30. PERSONALIZOVANÝ OBSAH
Zaregistrujte se na Klub-maminek.cz

31. KVALITNÍ OBSAH
Zaregistrujte se na Klub-maminek.cz

32. • V předmětu e-mailu
můžete testovat oslovení
• Personalizovat na základě dat
(město, koníčky, oslovení, obchodník,
transakční historie…)
a na základě chování
(webové stránky, e-shop, CRM,
mobilní aplikace)
• Oslovujte pouze jednou,
doporučujeme vykání,
na tykání zákazníci reagují negativně
PERSONALIZACE
Komunikujte jako lidé s lidmi…

33. TIP: www.vivgenerator.com
Jak ušetřit čas – DRAG AND DROP tvořítka
Jednoduchá tvorba e-mailů
• Možnost tvorby
newsletterů bez
znalosti HTML
• Načítání výrobků
z XML feedů
Heureka
• Drag & prostředí
• Autotagování UTM
• Responzivní

34. AUTOMATIZACE – PŘÍPADOVÉ STUDIE
Nástroj IBM Marketing Cloud – Conrad.cz a Nutricia

35. • Testujte rozložení
• Testujte po částech
• Testujte textace
tlačítek, nadpisů,
předmětů,
odesílatele
• Barvy a kontrasty
• Dělejte kontrolní
testy
ŠABLONA – A/B TESTOVÁNÍ
Testování je základ úspěchu!