Как сделать качественный дизайн письма для email рассылки

Когда читатель открывает письмо, первое, на что он обращает внимание — оформление. Если оно ему нравится, то вчитывается в текст и в идеале совершает целевое действие. А нет, то он закрывает письмо, даже не пролистав его до конца. Поэтому, чтобы с рассылкой компании чаще происходил первый сценарий, важно в первую очередь работать над визуальным оформлением.

В статье расскажем, как делать дизайн рассылок. А ещё поделимся советом, который поможет собирать письма с высокой конверсией за 15 минут.

Главное — структура электронного письма

Когда вы создаёте дизайн рассылки, ваша задача плавно подвести читателя к элементу Call to Action. Для этого можно использовать разные дизайн‑решения.

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

Пример дизайна рассылки по принципу перевёрнутой пирамиды от М.Видео. Блоки расставлены по мере убывания, благодаря чему читатель плавно проходит от начала до конца электронного письма.

Оптимальное количество колонок. Гораздо лучше подписчики воспринимают имейлы с одноколоночным оформлением — особенно это касается пользователей смартфонов. Всё потому, что читать письма, где информация идёт друг за другом, а не скачет с одной стороны в другую, более удобно. Этот нюанс не касается сетки с товарами — там работают немного другие правила.

Сетка в дизайне email-рассылки. Правильная сетка с товарами или любым другим содержанием позволяет привлечь внимание читателя к наиболее важной информации.

Как работает оформление сетки, можно посмотреть на примере рассылки СДЭКа. 

Второй важный момент дизайна email-рассылки — оформление текста

Здесь стоит запомнить главное правило: одна электронная рассылка — одна мысль. Не надо вставлять в имейл все возможные акции, классные предложения и скидки, как это делает Lamoda в некоторых своих письмах.

Помимо сборной солянки из оферов, в дизайне этой рассылки есть ещё одна ошибка: в своей теме компания пишет «Секретная скидка 22%», информацию об этой скидке размещает только на втором баннере. А его видно только после того, как сделаешь скролл.

При визуальном оформлении текста не стоит забывать о форматировании: ставить заголовки, выделять информацию с помощью буллитов и разделять текст на абзацы. Потому что клиент не будет читать сплошное полотно текста, как у ВШЭ.

Третий элемент дизайна — иллюстрации

Картинки в письме необходимы не столько для красоты, сколько для создания правильной и понятной структуры рассылки.

Один смысловой блок — одно изображение. Это поможет сконцентрировать внимание читателя и не перегрузить его лишней информацией. Если в вашем письме много текста, лучше разбавить его иконками и другими небольшими элементами, а не полноценными иллюстрациями.

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

Не оставляйте изображения «висеть». В рассылках часто используются фото людей, обрезанных по пояс — в этом случае обрезанная грань должна сочетаться с линией или другими объектами, чтобы скрыть неполноценность изображения. Вот как сделал это Мегамаркет.

Подытожим

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

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

Смотрите наши самые классные проекты по созданию мастер‑шаблонов по ссылке.