Меню

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

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

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

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

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

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

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

После кнопки СТА в письме идёт блок с подборками, но это уже дополнение, которое относится к «вершине» пирамиды

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

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

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

Но несмотря на неплохую работу с первым блоком, второй сделали не очень удачно. Акцент с «Обрати внимание» сместили не уменьшением сетки, а шрифта меньшего размера. Да и оцентровка немного хромает, из‑за чего у перфекциониста может задёргаться глаз

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

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

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

Так делать не надо

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

Рассылка не продающая и сделана не в коммерческих целях, но это не значит, что не надо работать над оформлением

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

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

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

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

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

Обрезанный силуэт героини обрамлен фоном, и таким образом картинка стала цельной

Подытожим

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

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


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