Как сделать дизайн email-рассылки: 4 действенных рекомендации

Как сделать дизайн email-рассылки: 4 действенных рекомендации

Avatar500Px

SpySerp Team  |  

13 нояб., 2018

Email’ы не теряют свою актуальность. Более того, email-рассылки становятся только популярнее с каждым днем. Если вы хотите привлечь новых клиентов, почтовая рассылка будет отличным инструментом для распространения вашего сообщения большой аудитории, будь-то новости компании, новые продукты или услуги. Наконец, email-маркетинг является одним из самых финансово выгодных инструментов привлечения клиентов.

В данном гайде мы расскажем нашим читателям, как создать шаблоны email-рассылки и какие паттерны в дизайне являются одними из самых эффективных для привлечения трафика.

Что такое email-рассылка?

Вы наверняка видели рассылку в своем почтовом ящике. Email-рассылка - это один из эффективных способов коммуникации брендов со своими подписчиками, юзерами и клиентами.

Если вы - онлайн магазин (например, как Lamoda), email-рассылка привлекает посетителей для ознакомления с акционными товарами, новыми поступлениями и скидками.

Lamoda

Если у вас - сайт с контентом или блог, ваша рассылка включает в себя информацию о новых статьях, которые могут быть интересны определенной категории читателей.

Wordstream

В каждом случае цель email-рассылки разная: увеличение продаж путем оповещения юзеров о скидках и купонах, предоставление полезных советов и рекомендаций, увеличение трафика на сайт и т.д.

Хорошая email-рассылка - это не просто очередной апдейт о новостях сайта или бренда. Это способ взаимодействия с юзерами, увеличение их вовлеченности и мотивация выполнений целевых действий. Если рассылка представляет собой настоящую ценность (например, содержит информацию, которую нигде не найти, она очень ценная, она полезная и т.д.), пользователи будут кликать на письма, совершать покупки и оформлять подписки.

Как сделать дизайн email-рассылки: 4 действенных рекомендации

Есть несколько лучших рекомендаций при создании качественного дизайна для почтовой рассылки - предлагаем нашим читателям рассмотреть пошаговую инструкцию по его созданию.

1. Разрешение и размер рассылки

По общему правилу, лучше всего начинать с создания фиксированного размера и разрешения изображений. Это предотвратит неправильное отображение в разных почтовых клиентах, а также гарантировано обеспечит адаптивность.

Оптимальный размер для рассылки составляет 550х600 пикселей, причем самая важная информация должна быть размещена в пределах верхних 300х500 пикселей. Именно такой размер будет адекватно отображаться на большинстве десктопных мобильных клиентах.

2. Цвета, типографика и соотношение размеров элементов

Придерживайтесь следующих рекомендаций при работе со внутренними элементами:

  1. СТА-кнопки должны иметь минимальный размер 44х44 рх. Не используйте прямые ссылки вместо СТА-кнопок.
  2. Используйте контрастные цвета для СТА. Hubspot приводили интересный пример А/В-тестирования, в результате которого было определено, что одно и то же письмо с красной и зеленой СТА кнопкой имеет разный CTR - красная кнопка оказалась эффективнее на 21%.
  3. Придерживайтесь шрифтов, которые поддерживаются большинством email-клиентов. Минимальный кегль для рассылки - 14, междустрочный интервал - 1.5.
  4. Не используйте (или используйте в минимальном количестве) эффекты для шрифтов (обводка, тени и т.д.).
  5. Соблюдайте цветовую гамму сайта (аналогично соблюдайте корпоративные цвета). Это повышает узнаваемость бренда среди подписчиков.
  6. Для новичков оптимальное соотношение изображений и текста составляет 80/20, минимальный объем текста - 500 знаков.

Помните, что письма не должны содержать элементы JavaScript, псевдокласс :hover, Flash- или CSS-анимацию, видео. Такие элементы могут попросту не работать в ряде почтовых клиентов.

3. Воспользуйтесь сервисами для создания дизайна email-рассылок

Зачем нужны вышеперечисленные советы, если вы не собираетесь самостоятельно создавать дизайн рассылки в графических редакторах?

Всё просто: эти правила вы должны соблюдать даже в том случае, если вы решили упростить задачу и использовать сервисы для создания дизайна рассылок.

Для создания дизайна вы можете использовать множество бесплатных сервисов, таких как Stripo, Beefree, Mosaico, Topol и т.д.

4. Используйте изображения непрямой ассоциации и динамичные изображения

Распространено мнение, что для рассылок лучше всего использовать изображения с крупными элементами, выполненные в теплых тонах. Их действительно можно использовать, однако большинство таких изображений взяты с бесплатных фотостоков и порядком надоели большинству юзеров. Поэтому мы рекомендуем использовать для рассылок изображения непрямой ассоциации (те изображения, которые не говорят прямо о предмете письма).

Кроме того, мы рекомендуем использовать интерактивные изображения - мы описывали в наших предыдущих статьях преимущества их использования, а также указывали, что использование динамических элементов существенно увеличивает CTR.

KD 4
KD 7

Заключение

Выше мы дали четыре самых важных рекомендации, которые вам действительно необходимо учитывать. Мы не рассказываем, как должны выглядеть СТА-кнопки или как правильно должно быть составлено тело письма, мы не составляем подробное описание процесса создания дизайна, которое заменяется нашей третьей рекомендацией. Эти советы - основные, и базируясь на них вы сможете создать дизайн для рассылки, который будет привлекать и мотивировать ваших подписчиков.

Похожие статьи