Основы дизайна рассылок: Советы от арт-директора

*Это первая часть серии материалов об основах дизайна email-рассылок от нашего штатного арт-директора и специалиста по дизайну Тейлора Лопоссера.*

## Почему дизайн email имеет значение

Разумно подходить к дизайну как к осознанному действию, которое показывает наш интерес к пользовательскому опыту и стремление вызвать отклик у аудитории. Я считаю полезным разобрать некоторые конкретные аспекты влияния дизайна на вашу программу email-маркетинга:

### Отличный дизайн — это способ выделиться во входящих.

По оценкам, средний офисный работник получает более 120 писем в день! Грамотно оформленное письмо поможет вам пробиться сквозь шум почтового ящика и вовлечь подписчиков. Сделайте свои письма увлекательными, контент — релевантным, а аудиторию проведите по увлекательному пути, чтобы люди с нетерпением ждали взаимодействия.

### Дизайн — это продолжение вашего бренда.

Ваш email-маркетинг должен отражать голос бренда компании. Используйте любую возможность — от темы письма до призыва к действию (CTA), — чтобы транслировать ценности вашей компании. Всегда ищите возможности добавить индивидуальности в текст, например, с помощью разговорного стиля.

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

### Улучшение показателей доставляемости.

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

### Повышение доступности с помощью инклюзивного дизайна.

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

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

## Согласованность бренда

Когда люди впервые получают письмо, один из их первых вопросов: «От кого это?» Если этот момент остается неясным, они отпишутся или, что еще хуже, отметят письмо как спам.

Адрес отправителя и темы писем выполняют большую часть работы, но визуальное оформление обладает гораздо большим эффектом долгосрочного запоминания. Узнаваемость бренда позволяет уделять больше времени контенту, а его последовательность усиливает отклик у пользователя. Это позволяет им представлять что-то конкретное, а не абстрактное.

Например: представьте кофе. А теперь представьте Starbucks.

Я полагаю, вы видите определенный оттенок зеленого, те самые пластиковые стаканчики, их уникальный способ маркировки объема и мифическую сирену, верно?

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

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

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

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

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

## Иерархия контента

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

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

### Типографика

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

Всем пользователям визуальных редакторов Campaign Monitor не стоит беспокоиться — редактор сделает это автоматически!

### Пиктография

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

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

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

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

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

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

P.S. Я знаю, что поиск хороших стоковых изображений для писем и их встраивание могут отнимать много времени и сил. Оцените нашу бесплатную галерею изображений, которая позволяет брать миллионы картинок из тщательно отбираемой библиотеки Unsplash и добавлять их прямо в ваши кампании!

## Разделы и модули

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

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

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

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

## Заключение

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

Следите за следующей частью этой серии, в которой я поделюсь своим творческим процессом и дам советы о том, как извлечь максимум пользы из каждого письма!