Меню
Switch to English

Лучшие практики дизайна email-писем: 9 правил, которые стоит применять в рассылках

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

Почему дизайн электронных писем может быть важнее текста

Именно от того, насколько грамотно и красиво собрано email, зависит, дочитают ли его подписчики до конца или нет. Совершат ли пользователи целевое действие или закроют имейл. Визуал позволяет читателю быстро уловить смысл сообщения, остановить взгляд на более важной информации и вызывать эмоции от полученной рассылки. Полностью текстовый имейл тоже может быть интересным решением, но даже в этом случае нужно позаботиться о дизайне с точки зрения типографики. Иначе имейл не сработает и не принесёт продаж. 

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

Лучшие дизайн‑практики, которые повысят качество рассылки

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

Модульная система дизайна

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


Letteros — удобный модульный редактор email писем, который позволит оптимизировать создание рассылки.


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

Адаптивный дизайн рассылки

Дизайн ваших писем для электронной почты должен адаптироваться к устройствам, на которых пользователи открывают рассылку. Для этого необходимо создавать адаптивный дизайн с использованием атрибутов CSS, которые определяют размер экрана устройства и автоматически подстраивают под него дизайн имейла. Разрабатывать адаптивный визуал каждого имейла можно как через атрибут @media, так и с помощью адаптивного шаблона.

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

Динамический контент для масштабной персонализации

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

Видимая кнопка отписки

Многие бренды, даже самые крупные, иногда пытаются максимально спрятать кнопку отписки в надежде, что это спасёт их от потери читателей. Наоборот, подобная хитрость может принести ещё больше проблем. Если подписчик не найдёт кнопку отписки, он отправит письмо в спам. Не потому, что он такой злюка, а просто из‑за желания навести в mail-ящике порядок. Когда процент жалоб превысит порог в 0,8-1%, почтовый клиент заблокирует домен отправителя. В таком случае вам будет сложно реабилитироваться и вернуть репутацию.

Советуем не забывать о кнопке отписки и делать её максимально очевидной, чтобы у читателя была возможность быстро отписаться от рассылки. Это не значит, что кнопку нужно выводить в центр имейл‑сообщения, но в подвале одна должна быть обязательно.


Важно

Наличие кнопки для быстрой отписки в каждом имейл‑письме продиктовано Законом РФ «О рекламе». 


ALT-текст для изображений

Содержание письма должно быть доступно всей аудитории рассылки, и один из способов гарантировать эту доступность — добавить ALT-текст к изображениям. Альтернативный текст должен быть коротким, информативным и описывать содержание картинки словами. ALT-текст необходим, чтобы месседж рассылки был понятен всем, включая пользователей, у которых отключены изображения или активирован режим чтения.

Оптимизация изображения для тёмного режима

Исследования показывают, что более трети читателей рассылок просматривают письма в тёмном режиме. Поэтому, чтобы продемонстрировать заботу о читателях и повысить их лояльность, стоит оптимизировать любые рассылки для тёмного или «ночного» режима дисплея.

Вот пример email-рассылки от Lamoda, в которой реализована оптимизация фонового изображения:

Так письмо выглядит в стандартном режиме экрана
А вот так, когда включён тёмный режим

Безопасные шрифты

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

Стильные визуальные эффекты

Письма с изображения — это уже база. Поэтому здорово, когда в рассылках попадаются гифки, интерактивные элементы и даже видео. Такие элементы делают имейлы более динамичными и живыми — их всегда хочется дочитать. Главное, не переборщить с количеством эффектом. Иначе имейл может превратиться в «кашу», из которой ничего не будет понятно.

Вот пример от ДоДо, как можно улучшить email-письмо с помощью одной классной гифки:

Отсутствие визуального шума

Не забывайте, что в электронных сообщениях должно быть достаточно свободного пространства. Это необходимо, чтобы читатель мог легко «просканировать» имейл взглядом и понять суть сообщения. Если визуал будет перегружен множеством, хоть и прикольных, элементов, пользователю будет сложно вычленить основное содержание. А значит, что он вряд ли дочитает рассылку, дойдёт до призыва к действию и кликнет на кнопку.

Вместо итогов

Успех email маркетинга буквально завязан на дизайне, поэтому ему стоит уделять максимум внимания, но не обязательно максимум времени. С Letteros вы сможете собирать крутейшие трендовые письма в фирменном стиле и не тратить на это весь рабочий день. Чтобы оценить функционал редактора, попробуйте бесплатное демо.

Советуем почитать