Вебинар Академии SendPulse

2. Повх Юлия
Фанат email-маркетинга
EX- Email Marketing Specialist в UAMASTER
Digital direct marketing specialist в MODOZA
facebook.com/
julia.povh
julia.povkh@
gmail.com

3. Любимые клиенты в UAMASTER

4. 612 брендов 4 страны

6. Хочу познакомиться с вами 
имя
сфера деятельности
почему это интересно?

7. О чем
поговорим
влияние
дизайна на
эффективность
email-
маркетинга:
примеры.
дизайн система
как основа
каждого письма
анимация в
письмах:
инструкция и
50+ идей для
реализации
полезные
инструменты
для дизайнера и
маркетолога

8. 1дизайн система как
основа каждого
письма

9. Logo
service service service
Heading 1
Text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
CALL TO ACTION
text text text text text text text text text text
text text text text text text
хедер
контент
Discount 50%
подпись
футер
1
2
3
4 60 Volodymyrska Street, City of Kyiv, Ukraine, 01033
Unsubscribe
Стандартные блоки письма

10. ДИЗАЙН
СИСТЕМА
-Что заставит вас применить в рассылках дизайн сист
набор типичных блоков, элементов и принципов
расположения элементов которые повторяются в
рассылках;
«брендбук вашей рассылки»

11. -ДИЗАЙН СИСТЕМА
В РАССЫЛКАХ
шрифты: тип, размер,
начертания, цвета
фирменные цвета
для рассылок
тип картинок, иконок,
размеры, анимация
типичные блочные
элементы писем

12. / :цвет фона лучше белый
/ :цвет текста , -черный темно
;серый
/ :размер шрифта 12-14-16;
/ :шрифт без засечек calibri,
arial
/ 3не больше разных шрифтов
, ,по начертанию цвету размеру
/ 3-5абзацы строк
/ выделение в абзаце 1-3 слов
САМЫЙ ПРОСТОЙ ВАРИАНТ
А ТО БУДЕТ КАК-ТО ТАК

13. #f6cb02
#000000
основные
цвета
вариант хедера 1
вариант хедера 2

14. иконки
фото команды
исходник
размер: 80х80px
цвета: только черные, тонкое начертание не более 2px

15. шрифты
1:Заголовок
Roboto, 30px, #000000, цвет фона #f6cb02
2:Заголовок
Georgia, 26px, #000000
:Подзаголовок
Georgia, 20px, #000000
:Основной текст
Roboto, 14px, #000000
:Интерлиньяж
2
:Выделение цитат
граница #f6cb02, 1px, отступы 10px

16. виды разделителей и кнопок

17. изображения
дайджест
лонгрид
главный промо-баннер
исходник
исходник
исходник

18. другие элементы писем
подпись 1
подпись 2
контакты
соц. сети

20. ДО ПОСЛЕ

22. ГДЕ СМОТРЕТЬ ПРИМЕРЫ
?ДЛЯ СВОЕЙ СФЕРЫ
1 2
рассылки
конкурентов
других компаний
в вашей сфере
Email-Competitors
EmailsFresh
Коллекция MailChimp
Коллекция eSputnik
Кейсы EMAILSHOW
MILLED

23. 2инструменты
для дизайна писем

24. МОЙ
ИСТРУ
МЕНТА
РИЙ
Вебинар о редакторе сообщений Stripo.email

25. МОЙ
ИСТРУ
МЕНТА
РИЙ
используйте «Операции» для ускорения работы
функция «Раскройка» позволяет сразу создать HTML-файл с картинками, если используется сложная верстка

26. МОЙ
ИСТРУ
МЕНТА
РИЙ

27. МОЙ
ИСТРУ
МЕНТА
РИЙ

28. МОЙ
ИСТРУ
МЕНТА
РИЙ
http://eye-dropper.kepi.cz/

29. ПОЛЕЗНОЕ быстро сделать
анимацию из видео
онлайн поиск идей
бесплатный таймер
для писем
бесплатные цветные
иконки
бесплатные однотонные
иконки
цветовая гамма, поиск
картинок по оттенкам,
времени и т д

30. 3анимация
в email-маркетинге

31. ПРИВЛЕЧЬ
ВНИМАНИЕ
ПОКАЗАТЬ
АССОРТИМЕНТ
ПОКАЗАТЬ ДЕЙСТВИЕ
ТОВАРА ИЛИ ИНСТРУКЦИЮ

32. Три принципа GIF-анимации в email рассылкахКак создавать GIF-анимации в email рассылках?Как сделать GIF-анимацию д

33. 1500+примеров анимации для
писем
Доска на Pinterest

34. :АНИМАЦИЯ ВРЕМЯ/ЧАСЫ/КАЛЕНДАРЬ

35. :АНИМАЦИЯ БЕГУЩАЯ СТРОКА

36. :АНИМАЦИЯ ИНСТРУКЦИЯ

37. ПРИЕМЫ АНИМАЦИИ В ПИСЬМАХ
(ПРИШЛИТЕ ДИЗАЙНЕРУ  )

38. САМАЯ ПРОСТАЯ АНИМАЦИЯ ДЛЯ ПИСЬМА
В ADOBE PHOTOSHOP
смена товара
или цвета товара
:идеи использования
- смена товара
- смена цвета товара

39. САМАЯ ПРОСТАЯ АНИМАЦИЯ ДЛЯ ПИСЬМА
В ADOBE PHOTOSHOP
чтобы
делать повторную
анимацию за
несколько
секунд
используйте
« »ОПЕРАЦИИ

40. 4влияние дизайна на эффективность

41. ГЛАВНЫЙ
ПРИНЦИП –
ВСЁ НУЖНО ТЕСТИРОВАТЬ ДЛЯ
СВОЕЙ АУДИТОРИИ
(И ДОБАВЛЯТЬ ЯРКУЮ КНОПКУ CTA. ВСЕГДА)

42. в 5 раз
> кликов

43. в 1,3 раза
> CTOR

44. A/B ТЕСТ В ЕМЕЙЛ РАССЫЛКАХ
Одно письмо – один элемент – одна гипотеза
(наличие баннера, дизайн баннера, длина письма, стиль
обращения, наличие анимации, количество товаров, цвета
кнопки, наличие баннера в футере и т. д.)
«Если в письме будет больше карточек
товаров(6 а не 3), то мы получим больше
CTOR»
Чтобы получить достоверные результаты, необходимо
учитывать статистическую значимость.
1) Выбираем 1 элемент письма
для теста
2) Выдвигаем гипотезу
3) Делим однородную базу
на А и В группу,
отправляем разные письма
4) Подтверждаем или
опровергаем гипотезу и
используем результаты для
дальнейших рассылок

45. ?Вопросы

46. Спасибо!
facebook.com/julia.povh julia.povkh@ gmail.com