1. Эффективный дизайн писем.
Тренды 2016
Елизавета Грудинкина
управляющий партнер MarketPro

2. Привет 
Елизавета Грудинкина,
руководитель агентства email
маркетинга и маркетинга
лояльности MarketPro
www.marketpro.biz

3. Пара слов о MarketPro
MarketPro помогает
компаниям строить
долгосрочные
доверительные отношения с
клиентами.
MarketPro – команда
профессионалов в email
маркетинге и маркетинге
лояльности, готовых
делиться своим опытом и
знаниями с вами.

4. Рекомендации по дизайну и
верстке email писем
Насладитесь сами и
передайте своему
верстальщику – пусть
тоже наконец-то
расслабится…

5. Повестка дня
Почему важен
хороший дизайн
Блок 1
Сингулярность
дизайн
Блок 2
Фишки в дизайне
писем 2016
Блок 3

6. БЛОК 1: Почему важен хороший дизайн
Хороший дизайн узнаваем, побуждает к действию, акцентирует
внимание на важном и развлекает.
Дизайн также играет важную роль при
формировании у получателя впечатления о вас.

7. БЛОК 1: Почему важен хороший дизайн.
Дизайн и впечатление
Сила первого впечатления... 65% населения — визуалы.
Люди спешат выносить суждения — нам достаточно
всего 1/10 секунды, чтобы сформировать первое
впечатление о любом объекте.

8. БЛОК 1: Почему важен хороший дизайн.
Дизайн и впечатление
Пользователю хватит приблизительно 50 миллисекунд (0,05
секунды) для того, чтобы составить мнение об оформлении
письма.

9. БЛОК 1: Почему важен хороший дизайн.
От чего зависит впечатление?
От чего зависит впечатление?
Визуальная
привлекательность
оформления писем
важна настолько же,
насколько полезность
является важной
характеристикой
контента.
Визуальные
стимулы,
вызывающие у
получателя
«правильные»
ассоциации,
способствуют
формированию
хорошего
впечатления.

10. БЛОК 1: Почему важен хороший дизайн.
Сила первого впечатления
Мозг человека не позволит замаскировать первую «ложку дегтя» последующей
«бочкой меда».

11. БЛОК 1: Почему важен хороший дизайн.
Выводы
• Плохой дизайн может «убить» конверсию.
• Неправильный дизайн может привести к проблемам с
доставляемостью писем.
• Хороший дизайн будет направлен на увеличение конверсии
и улучшение опыта взаимодействия получателя с письмом.
• Если вы не доработаете дизайн к вашей первой «встрече» с
клиентом, то вторая может никогда и не состояться.

12. БЛОК 2: Сингулярность и дизайн
Для подписчикаДля отправителя
приводит к совершению целевого
действия
Облегчает восприятие
информации и вдохновляет
Что такое хороший дизайн?

13. Вдохновение — особое
состояние человека,
которое характеризуется,
с одной стороны, высокой
производительностью, с
другой — огромным
подъёмом и напряжением
сил человека.
Является типичной чертой
и составным
элементом творчества.
БЛОК 2: Сингулярность и дизайн.
Вдохновение

14. Творчество —
процесс деятельности,
создающий качественно
новые материальные и
духовные ценности или
итог создания объективно
нового.
Основной критерий,
отличающий творчество
от изготовления
(производства) —
уникальность его
результата.
БЛОК 2: Сингулярность и дизайн.
Вдохновение

15. Вдохновение — состояние наивысшего подъёма, когда
познавательные и эмоциональные сферы человека соединены и
направлены на решение творческой задачи.
БЛОК 2: Сингулярность и дизайн.
Вдохновение

16. Письмо – потенциальное для
получателя событие,
порождающее смысл
и носящее точечный
характер.
Письмо обладает
«магической» силой влиять
на восприятие получателя.
Следовательно, письмо в
момент его получения –
«место и время» для
человеческого озарения.
БЛОК 2: Сингулярность и дизайн.
Вдохновение

17. Email маркетинг – это взаимовыгодная коммуникация между
отправителем и подписчиком, в которой письмо может иметь
дополнительную ценность для подписчика.
Если письмо не просто удовлетворяет известную нам
потребность получателя, а также является условием
рождения идей и появления вдохновения, получатель
буквально «подсядет» на рассылку, со временем у него может
быть выработана зависимость 
БЛОК 2: Сингулярность и дизайн.
Вдохновение

18. БЛОК 2: Что такое хороший дизайн.
Вдохновение и внешние условия
Закон Мура гласит, что каждые 1-2
года стоимость обработки одного и
того же объема данных
экспоненциально уменьшается, в то
время, как объем данных, доступных
для обработки, экспоненциально
растет с периодом удвоения около 2х
лет.
• Рост объема данных в потоке
• Увеличение числа потоков
• Увеличение скорости потоков
• Появление квантового компьютера
• Освоение человеком космоса
• Новое предназначение
человека

19. Было:
• Индустриальное общество
• Один «предусмотренный» жизненный путь
• Тяжелый физический труд
• «Обязанность» жить
• Коллективная безответственность
• Предсмертные сожаления о том, чего не
сделал.
Стало:
• Постиндустриальное общество
• Развитие человеческого интеллекта
• Комфорт для жизнедеятельности
• Автоматизация механического труда
• Высвобождение большого кол-ва
человеческих ресурсов
• Поиск и реализация себя
БЛОК 2: Сингулярность и дизайн.
Вдохновение и внешние условия

20. Хороший дизайн писем – оформление,
способствующее наиболее комфортному
восприятию получателем информации в
письме, удобной навигации получателя
по письму в поисках нужных
ответов/целевого действия,
способствующий совершению целевого
действия.
Идеальный дизайн – способствует
достижению не только базовых
(согласованных) целей отправителя и
получателя, но и является источником
вдохновения и творчества для
получателя, способствует адаптации
человека к меняющейся реальности,
помогает реализовать себя.
Но как понять,
чего он хочет?
БЛОК 2: Сингулярность и дизайн.

21. БЛОК 2: Сингулярность и дизайн.
Тренды

22. Письма вдохновляют...
БЛОК 2: Сингулярность и дизайн.
Тренды

23. Письма помогают
придумывать новое...
БЛОК 2: Сингулярность и дизайн.
Тренды

24. Письма помогают
бороться со страхами...
БЛОК 2: Сингулярность и дизайн.
Тренды

25. И не потерять
веру в свои
силы...
БЛОК 2: Сингулярность и дизайн.
Тренды

26. Письма толкают на действия!
БЛОК 2: Сингулярность и дизайн.
Тренды

27. БЛОК 3: Фишки в дизайне писем 2016
Фишка №1 Меньше креатива – больше конструктива

28. Фишка №2 Card-based design.
БЛОК 3: Фишки в дизайне писем 2016

29. Фишка №3 Almost-flat design.
БЛОК 3: Фишки в дизайне писем 2016

30. Фишка №4 Storytelling и взаимодействие.
БЛОК 3: Фишки в дизайне писем 2016

31. Фишка №5 GIF-анимация с высоким разрешением
БЛОК 3: Фишки в дизайне писем 2016

32. Благодарю за внимание!
Контакты: liza@marketpro.biz