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

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

Но как создать отличный дизайн электронной почты и информационные бюллетени, которые были бы визуально привлекательными и содержали полезный контент?

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

8 основных элементов дизайна электронной почты

Начните процесс проектирования с создания шаблона электронной почты . Это послужит основой для ваших рассылок по электронной почте. Создайте от двух до трех шаблонов для использования в различных типах сообщений .

Ваши шаблоны должны включать в себя следующие элементы:

1. Заголовок электронного письма

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

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

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

2. Цвета торговых марок

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

3. Фирменные шрифты

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

4. Подпись электронной почты

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

5. Заголовки и подзаголовки

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

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

6. Визуальные эффекты

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

Выделите разделы макета электронного письма для изображений, желательно на этапе шаблона электронного письма.

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

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

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

7. Белое пространство

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

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

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

Источник

На экранах меньшего размера сложнее читать контент, поэтому оставьте пространство вокруг своего контента для лучшего взаимодействия с пользователем.

8. Призывы к действию

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

До сих пор ведется много дискуссий о том, что делает призыв к действию хорошим, где его следует размещать (вверху, в середине или внизу) и сколько призывов к действию включать в электронное письмо.

Вот что есть согласие, когда дело доходит до призывов к действию:

• Не включайте слишком много CTA - два или три - это нормально, но больше, вы рискуете запутать получателей. Больше вариантов - не всегда хорошо.
• Цвет вашего призыва к действию должен отличаться от остального дизайна вашего электронного письма, чтобы он выделялся.
• Если вы создаете кнопку с призывом к действию, делайте текст коротким. Мы рекомендуем максимум два-три слова. Если вы пишете призыв к действию якорного текста, вы можете сделать гиперссылку на фразу или предложение.

Решение о том, какое размещение и дизайн CTA лучше всего подходят для вашего бренда, будет зависеть от регулярного A / B-тестирования .

7 визуальных элементов для использования в дизайне информационных бюллетеней

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

1. Инфографика

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

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

Из этой инфографики можно усвоить много информации, но она четко разделена на разделы. У каждой истории есть заголовок и соответствующий значок, который сообщает читателям, чего ожидать.

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

2. Визуализация данных

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

Данные могут быть огромными. Однако, когда эти данные преобразуются в визуальный контент, их становится намного легче понять.

3. Фотографии

Зачем просить подписчиков что-то вообразить, если вместо этого вы можете им это показать? В конце концов, картинка стоит тысячи слов.

Лучший дизайн электронной почты оставляет место для ярких изображений продукта, как в этом простом, но прямом примере.

Источник: Venngage

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

4. Иллюстрации

Фотографии отлично подходят для обмена сообщениями непосредственно с аудиторией. Но если вы хотите оставить место для интерпретации, вы можете создавать иллюстрации.

Дизайн электронного баннера с иллюстрацией может заинтересовать вашу аудиторию. Или вы можете использовать иллюстрацию, как в этом примере, в своей основной истории.

Источник: Venngage

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

5. Видео

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

Видео привлекают внимание и удерживают ваше внимание, если не слишком длинные.

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

6. Пользовательский контент

Создание контента требует времени и энергии. Для занятых маркетологов может быть невозможно угнаться за спросом на создание контента . Так почему бы не передать процесс своим пользователям?

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

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

7. GIF-файлы.

Как и видео, GIF-файлы интересны и интересны. Популярные гифки рассказывают историю без какого-либо связанного текста. Вы также можете создавать фирменные или товарные GIF-изображения, как в этом примере, с помощью онлайн-конструкторов GIF.

Источник: Brooklinen

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

Заключение: визуализируйте свой дизайн электронной почты

Текстовые электронные письма занимают свое место в мире электронного маркетинга. Но текстовый контент, каким бы информативным он ни был, по-прежнему является трудоемким для пользователей.

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

Автор биографии

Ронита Мохан - контент-маркетолог Venngage, платформы инфографики и дизайна. Ронита регулярно пишет о цифровом маркетинге, визуализации данных, дизайне и малом бизнесе.

Twitter: @Venngage