Как сделать шаблон продающего письма
Post on 20-Aug-2015
1.220 views
TRANSCRIPT
![Page 1: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/1.jpg)
КАК СДЕЛАТЬ ШАБЛОН ПРОДАЮЩЕГО ПИСЬМА
![Page 2: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/2.jpg)
Юрий Цыганков
Руководитель отдела дизайна и креатива
компании EmailMatrix
![Page 3: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/3.jpg)
ЭЛЕМЕНТЫ ДИЗАЙНА ПИСЬМА • Структура письма
• Особенности дизайна писем
• Примеры
• Рекомендации
![Page 4: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/4.jpg)
СТРУКТУРА ПИСЬМА
![Page 5: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/5.jpg)
СТРУКТУРА ПИСЬМА • Прехедер
Текст для превью-панелей, отписка, контакты
![Page 6: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/6.jpg)
ПРИМЕР ВЫВОДА ПРЕХЕДЕРА В ПОЧТЕ GMAIL.COM
![Page 7: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/7.jpg)
СТРУКТУРА ПИСЬМА • Прехедер
Текст для превью-панелей, отписка, контакты
• Шапка Логотип, важные ссылки, телефон, социальные сети
![Page 8: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/8.jpg)
СТРУКТУРА ПИСЬМА • Прехедер
Текст для превью-панелей, отписка, контакты
• Шапка Логотип, важные ссылки, телефон, социальные сети
• Постхедер Меню, дата
![Page 9: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/9.jpg)
СТРУКТУРА ПИСЬМА • Прехедер
Текст для превью-панелей, отписка, контакты
• Шапка Логотип, важные ссылки, телефон, социальные сети
• Постхедер Меню, дата
• Тело Рабочая часть письма (контент, графика, сетка товаров и т. д.)
![Page 10: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/10.jpg)
СТРУКТУРА ПИСЬМА • Прехедер
Текст для превью-панелей, отписка, контакты
• Шапка Логотип, важные ссылки, телефон, социальные сети
• Постхедер Меню, дата
• Тело Рабочая часть письма (контент, графика, сетка товаров и т. д.)
• Префутер Блоки с дополнительными анонсами, скидками, акциями, событиями
![Page 11: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/11.jpg)
СТРУКТУРА ПИСЬМА • Прехедер
Текст для превью-панелей, отписка, контакты
• Шапка Логотип, важные ссылки, телефон, социальные сети
• Постхедер Меню, дата
• Тело Рабочая часть письма (контент, графика, сетка товаров и т.д.)
• Префутер Блоки с дополнительными анонсами, скидками, акциями, событиями
• Футер Меню, социальные сети, телефон
![Page 12: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/12.jpg)
СТРУКТУРА ПИСЬМА • Прехедер
Текст для превью-панелей, отписка, контакты
• Шапка Логотип, важные ссылки, телефон, социальные сети
• Постхедер Меню, дата
• Тело Рабочая часть письма (контент, графика, сетка товаров и т.д.)
• Префутер Блоки с дополнительными анонсами, скидками, акциями, событиями
• Футер Меню, социальные сети, телефон
• Постфутер Юридическая информация и копирайт
![Page 13: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/13.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Делайте письмо структурно, проще. Помните о верстке.
![Page 14: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/14.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Старайтесь не использовать много мелких элементов или очень больших картинок.
![Page 15: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/15.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Используйте всю видимую область письма, не перегружая лишним.
![Page 16: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/16.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Постарайтесь сделать графику качественной и понятной.
![Page 17: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/17.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ Делайте такое письмо, чтобы оно было красивым даже без картинок.
![Page 18: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/18.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ
![Page 19: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/19.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ
Важен верх и низ письма
ШАПКА И ФУТЕР
![Page 20: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/20.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ
Важен верх и низ письма
Никто не любит много читать
ШАПКА И ФУТЕР
МЕНЬШЕ ТЕКСТА
![Page 21: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/21.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ
Важен верх и низ письма
Никто не любит много читать
Бесстрашно ведите к цели
ШАПКА И ФУТЕР
МЕНЬШЕ ТЕКСТА
ПРИЗЫВ К ДЕЙСТВИЮ
![Page 22: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/22.jpg)
ОСОБЕННОСТИ ДИЗАЙНА ПИСЕМ
Важен верх и низ письма
Никто не любит много читать
Бесстрашно ведите к цели
Голое, но красивое
ШАПКА И ФУТЕР
МЕНЬШЕ ТЕКСТА
ПРИЗЫВ К ДЕЙСТВИЮ
КРАСОТА БЕЗ КАРТИНОК
![Page 23: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/23.jpg)
КЛАССИЧЕСКИЙ ДИЗАЙН: СТИЛЬНО И КРАСИВО
![Page 24: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/24.jpg)
КРЕАТИВНЫЙ ДИЗАЙН: ЛАКОНИЧНО И ИНТЕРЕСНО
![Page 25: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/25.jpg)
ПЛОХОЙ ДИЗАЙН: ХАОС И УЖАС
![Page 26: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/26.jpg)
ВЫВОДЫ И РЕКОМЕНДАЦИИ • Помните, что письмо потом будет
верстаться
![Page 27: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/27.jpg)
ВЫВОДЫ И РЕКОМЕНДАЦИИ • Помните, что письмо потом будет
верстаться
• Соблюдайте привычную структуру ― это упрощает жизнь всем
![Page 28: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/28.jpg)
ВЫВОДЫ И РЕКОМЕНДАЦИИ • Помните, что письмо потом будет
верстаться
• Соблюдайте привычную структуру ― это упрощает жизнь всем
• Фантазируйте и экспериментируйте. Но не переусердствуйте! Иначе ваше письмо превратится в груду цветных картинок
![Page 29: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/29.jpg)
ХОТИТЕ БОЛЬШЕ ПРАКТИЧЕСКИХ НАВЫКОВ? Получите 24 часа бесплатного доступа к интерактивному курсу Юрия Цыганкова «Дизайн писем в email-маркетинге»!
Пройти курс бесплатно
![Page 30: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/30.jpg)
БОЛЬШЕ ЗНАНИЙ ДЛЯ ИНТЕРНЕТ-МАРКЕТОЛОГОВ
Читайте статью «Как персонифицировать отправителя в рассылке»
![Page 31: Как сделать шаблон продающего письма](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55d59200bb61ebca5a8b465f/html5/thumbnails/31.jpg)
СПАСИБО ЗА ВНИМАНИЕ «Нетология» - маркетинг и менеджмент от практиков Рунета
УЗНАТЬ БОЛЬШЕ