Как сделать шаблон продающего письма

32
КАК СДЕЛАТЬ ШАБЛОН ПРОДАЮЩЕГО ПИСЬМА
  • date post

    20-Aug-2015
  • Category

    Marketing

  • view

    1.215
  • download

    5

Transcript of Как сделать шаблон продающего письма

Page 1: Как сделать шаблон продающего письма

КАК СДЕЛАТЬ ШАБЛОН ПРОДАЮЩЕГО ПИСЬМА

Page 2: Как сделать шаблон продающего письма

Юрий Цыганков

Руководитель отдела дизайна и креатива

компании EmailMatrix

Page 3: Как сделать шаблон продающего письма

ЭЛЕМЕНТЫ ДИЗАЙНА ПИСЬМА • Структура письма

• Особенности дизайна писем

• Примеры

• Рекомендации

Page 4: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА

Page 5: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА • Прехедер

Текст для превью-панелей, отписка, контакты

Page 6: Как сделать шаблон продающего письма

ПРИМЕР ВЫВОДА ПРЕХЕДЕРА В ПОЧТЕ GMAIL.COM

Page 7: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА • Прехедер

Текст для превью-панелей, отписка, контакты

• Шапка Логотип, важные ссылки, телефон, социальные сети

Page 8: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА • Прехедер

Текст для превью-панелей, отписка, контакты

• Шапка Логотип, важные ссылки, телефон, социальные сети

• Постхедер Меню, дата

Page 9: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА • Прехедер

Текст для превью-панелей, отписка, контакты

• Шапка Логотип, важные ссылки, телефон, социальные сети

• Постхедер Меню, дата

• Тело Рабочая часть письма (контент, графика, сетка товаров и т. д.)

Page 10: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА • Прехедер

Текст для превью-панелей, отписка, контакты

• Шапка Логотип, важные ссылки, телефон, социальные сети

• Постхедер Меню, дата

• Тело Рабочая часть письма (контент, графика, сетка товаров и т. д.)

• Префутер Блоки с дополнительными анонсами, скидками, акциями, событиями

Page 11: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА • Прехедер

Текст для превью-панелей, отписка, контакты

• Шапка Логотип, важные ссылки, телефон, социальные сети

• Постхедер Меню, дата

• Тело Рабочая часть письма (контент, графика, сетка товаров и т.д.)

• Префутер Блоки с дополнительными анонсами, скидками, акциями, событиями

• Футер Меню, социальные сети, телефон

Page 12: Как сделать шаблон продающего письма

СТРУКТУРА ПИСЬМА • Прехедер

Текст для превью-панелей, отписка, контакты

• Шапка Логотип, важные ссылки, телефон, социальные сети

• Постхедер Меню, дата

• Тело Рабочая часть письма (контент, графика, сетка товаров и т.д.)

• Префутер Блоки с дополнительными анонсами, скидками, акциями, событиями

• Футер Меню, социальные сети, телефон

• Постфутер Юридическая информация и копирайт

Page 13: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Делайте письмо структурно, проще. Помните о верстке.

Page 14: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Старайтесь не использовать много мелких элементов или очень больших картинок.

Page 15: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Используйте всю видимую область письма, не перегружая лишним.

Page 16: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Постарайтесь сделать графику качественной и понятной.

Page 17: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Делайте такое письмо, чтобы оно было красивым даже без картинок.

Page 18: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ

Page 19: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ

Важен верх и низ письма

ШАПКА И ФУТЕР

Page 20: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ

Важен верх и низ письма

Никто не любит много читать

ШАПКА И ФУТЕР

МЕНЬШЕ ТЕКСТА

Page 21: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ

Важен верх и низ письма

Никто не любит много читать

Бесстрашно ведите к цели

ШАПКА И ФУТЕР

МЕНЬШЕ ТЕКСТА

ПРИЗЫВ К ДЕЙСТВИЮ

Page 22: Как сделать шаблон продающего письма

ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ

Важен верх и низ письма

Никто не любит много читать

Бесстрашно ведите к цели

Голое, но красивое

ШАПКА И ФУТЕР

МЕНЬШЕ ТЕКСТА

ПРИЗЫВ К ДЕЙСТВИЮ

КРАСОТА БЕЗ КАРТИНОК

Page 23: Как сделать шаблон продающего письма

КЛАССИЧЕСКИЙ ДИЗАЙН: СТИЛЬНО И КРАСИВО

Page 24: Как сделать шаблон продающего письма

КРЕАТИВНЫЙ ДИЗАЙН: ЛАКОНИЧНО И ИНТЕРЕСНО

Page 25: Как сделать шаблон продающего письма

ПЛОХОЙ ДИЗАЙН: ХАОС И УЖАС

Page 26: Как сделать шаблон продающего письма

ВЫВОДЫ И РЕКОМЕНДАЦИИ • Помните, что письмо потом будет

верстаться

Page 27: Как сделать шаблон продающего письма

ВЫВОДЫ И РЕКОМЕНДАЦИИ • Помните, что письмо потом будет

верстаться

• Соблюдайте привычную структуру ― это упрощает жизнь всем

Page 28: Как сделать шаблон продающего письма

ВЫВОДЫ И РЕКОМЕНДАЦИИ • Помните, что письмо потом будет

верстаться

• Соблюдайте привычную структуру ― это упрощает жизнь всем

• Фантазируйте и экспериментируйте. Но не переусердствуйте! Иначе ваше письмо превратится в груду цветных картинок

Page 29: Как сделать шаблон продающего письма

ХОТИТЕ БОЛЬШЕ ПРАКТИЧЕСКИХ НАВЫКОВ? Получите 24 часа бесплатного доступа к интерактивному курсу Юрия Цыганкова «Дизайн писем в email-маркетинге»!

Пройти курс бесплатно

Page 30: Как сделать шаблон продающего письма

БОЛЬШЕ ЗНАНИЙ ДЛЯ ИНТЕРНЕТ-МАРКЕТОЛОГОВ

Читайте статью «Как персонифицировать отправителя в рассылке»

Page 31: Как сделать шаблон продающего письма

СПАСИБО ЗА ВНИМАНИЕ «Нетология» - маркетинг и менеджмент от практиков Рунета

УЗНАТЬ БОЛЬШЕ