Полное руководство по дизайну электронной почты в 2022 году

Вы можете подумать, что электронная почта — умирающий носитель, но, согласно отчету Campaign Monitor, их клиенты отправили на 13 миллиардов электронных писем в 2020 году больше, чем в 2019 году, в общей сложности более 100 миллиардов. Выделение ваших электронных писем из толпы — непростая задача со всей этой конкуренцией.

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

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

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

Что делает дизайн электронной почты хорошим?

В настоящее время электронной почтой пользуется более 90% населения США. Так что, конечно же, не существует идеального стиля дизайна электронной почты, который понравится всем.

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

• Ясно: цель письма очевидна сразу
• Захватывающий: электронное письмо привлекает внимание читателя и вызывает его интерес.
• Креативный: электронное письмо уникально и выделяется среди других маркетинговых писем.

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

Это маркетинговое электронное письмо от HP Instant Ink получило награду IAC в номинации «Лучшая технологическая кампания по электронной почте» в 2021 году.

Логотип Instant Ink и заголовок подчеркивают идею доставки чернил на дом.

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

Это креативно — не фокусироваться на картриджах, а на том факте, что служба доставляет их к вашему порогу.

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

Вы должны учитывать:

• Как ваши электронные письма соотносятся с тремя «C»
• Ваш рейтинг кликов (CTR). Для справки, средний CTR колеблется от 2,6% до 2,34%.
• Помогают ли ваши электронные письма в достижении ваших целей
• Привлекают ли ваши электронные письма трафик на ваш сайт

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

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

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

11 важных рекомендаций по дизайну электронной почты

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

1. Создайте сильную тему письма

Строка темы — это ваш шанс произвести первое впечатление на читателя и оказать уникальное влияние на открываемость. В то время как средний показатель открытия электронной почты колеблется в пределах 18-22%, некоторые маркетологи достигают показателя открытия до 57%, оптимизируя только строку темы.

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

2. Оставайтесь на бренде

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

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

3. Держите это простым и сфокусированным

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

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

4. Подстегнуть взаимодействие

Чтобы привлечь внимание читателей, включите сильный призыв к действию (CTA) в каждое электронное письмо. Тщательно выбирайте анкорный текст, сделайте кнопку CTA крупной и разместите ее так, чтобы оптимизировать конверсию.

5. Дайте вашему контенту пространство для дыхания

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

6. Следуйте за информационным водопадом

Информационный водопад (иногда называемый информационной пирамидой) представляет самую важную и наименее важную информацию внизу.

7. Используйте адаптивные электронные письма

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

8. Обеспечьте доступность

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

9. Оптимизируйте производительность

Поскольку средний человек просматривает электронную почту только 11 секунд, вам нужно сосредоточиться на производительности, чтобы получить результаты. В идеале ваша электронная почта должна загружаться быстро и работать на всех устройствах (поскольку в 2021 году 54,8% интернет-трафика приходится на мобильные устройства).

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

10. Включите ссылку отписки

Многие нормативные акты предписывают использование ссылки для отказа от подписки. Правило CAN-SPAM Федеральной торговой комиссии от 2003 года (Контроль нежелательной порнографии и маркетинга (CAN-SPAM)) является одним из таких правил.

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

11. Используйте аутентификацию по электронной почте

Аутентификация по электронной почте позволяет вашему маркетинговому инструменту электронной почты отправлять электронные письма как ваш домен (чтобы они поступали с «yourwebsite.com», а не «через mcsv.net»). Использование аутентификации по электронной почте сделает ваши электронные письма более профессиональными.

Примеры хорошего дизайна электронной почты

Создание креативного и высококачественного дизайна с нуля — непростая задача, даже если вы творческий человек от природы. К счастью, вам не нужно начинать с нуля.

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

Приветственные письма

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

Ипси

Приветственное письмо от Ipsy — отличный пример отличного введения. Вот что нам в нем нравится:

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

Под броней

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

• Логотип Under Armour — первое, что вы видите
• Цвета на изображениях совпадают и делают электронное письмо популярным.
• Визуальная иерархия электронного письма делает его интересным

Beefree.io

Хотя технически это письмо с подтверждением от BeFree не является приветственным письмом, оно настолько хорошо, что мы должны были показать его здесь. Почему? Электронное письмо прекрасно демонстрирует возможности дизайнерского программного обеспечения BeeFree. Вот еще несколько вещей, которые нам нравятся:

• Анимация очаровательна
• Пастельные тона красивы, но не выглядят детскими
• BeeFree включает ссылки на свои социальные сети
• BeeFree использовала свое программное обеспечение для создания дизайна электронной почты

Пелотон

Приветственное письмо от Peloton содержит несколько текстовых разделов, но оно не выглядит перегруженным, потому что пустое пространство используется эффективно. Нам это нравится еще и потому, что:

• Peloton использовал символы, чтобы привлечь внимание читателя к разделам «сопротивление» и «каденс».
• Peloton начинает свое электронное письмо с изображения, которое придает ему ощущение общности.
• Электронное письмо объясняет, что делает приложение Peloton, и учит читателя, как его использовать.

Эверноут

Приветственное письмо Evernote служит двум целям: приветствует подписчика и помогает ему загрузить бесплатное приложение Evernote. Нам это нравится еще и потому, что:

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

Письма об отказе от корзины

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

Американский гигант

Письмо о брошенной корзине от American Giant — отличный пример стильного черно-белого дизайна, который выглядит живо. Нам это нравится еще и потому, что:

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

Джерри

Электронная почта Джерри — яркая противоположность электронной почты американского гиганта. Вот что нам нравится:

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

Стетсон

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

• Stetson использовала фирменные цвета в электронном письме.
• Электронное письмо связывает читателя с соответствующими категориями магазина.
• CTA указывает на дефицит, заявляя «пока есть запасы».

Информационные бюллетени

Информационные бюллетени – это регулярные электронные письма, которые информируют ваших клиентов о новых продуктах и ​​услугах, вашем последнем контенте и благотворительной деятельности. Естественно, они должны быть информативными, но привлекательными.

КБ Шука

Это письмо от Дизайн-бюро «Шука» — отличный пример креативной рассылки. Вот что мы любим:

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

Электронная почта о кислоте

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

• Газетная тема письма
• Использование пробелов для разделения текста
• Что это отличный пример того, как электронная почта может играть роль в эффективном контент-маркетинге.
• Черно-белая цветовая гамма

Увеличение

Increment применил более гладкий подход к дизайну своего информационного бюллетеня. Мы любим:

• То, как Increment использует вопросы, чтобы побудить читателя нажать «Прочитать выпуск».
• That Increment назвал этот выпуск своего информационного бюллетеня «Контейнеры», чтобы придать ему тему.
• Как триповое изображение в заголовке с космической тематикой согласуется с темой

Праздничные письма

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

БаркБокс

Электронная почта BarkBox «С днем ​​​​рождения» увеличивает продажи клиентам, предлагая им уникальный продукт (торт ко дню рождения для собак). Нам нравится, насколько уникален этот подход, а также:

• Веселый язык, как прелести хвоста
• То, как это делает цену предложения, срок и ожидания понятными

Гантри

Электронная почта Гантри ловко представляет читателю проблему («все еще ищет идеальный подарок» и позиционирует карту Гантри как решение). Нам это тоже нравится:

• В электронном письме подчеркиваются преимущества карты Gantri.
• Размещение CTA прямо под заголовком, ориентированным на проблему

Джуди

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

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

RXBAR

Электронная почта RXBAR на Хэллоуин жуткая и веселая. Нам это нравится:

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

Электронные письма для цифровых продуктов

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

Почтовый

Это электронное письмо от Postable работает, потому что оно решает проблему читателей: устаревшие адреса во время праздников. Нам это нравится еще и потому, что:

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

Разметка

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

• В разметке использовались значки, чтобы подчеркнуть текст
• Программное обеспечение MarkUp — это первое, что вы видите
• CTA находится выше сгиба

Форма шрифта

Электронная почта Typeform работает, потому что она начинается с уникального предложения компании (USP) — «нового способа использования видео в маркетинге». Нам это тоже нравится:

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

Электронные письма о продажах

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

ГоПро

CTA в этом электронном письме от GoPro работает хорошо, потому что иерархия текста делает его вторым, что зрители прочитают после «снижения цены». Нам это нравится еще и потому, что:

• GoPro использовала соответствие цветовой схеме во всем электронном письме.
• Массивное изображение продукта подчеркивает продукт
• Письмо содержит два предложения: бесплатная доставка и более низкая цена.

МКМ

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

• Представленное изображение сочетает в себе иллюстрацию и фотографию.
• Кнопка CTA выделяется
• Электронное письмо включает ссылки на магазины в заголовке

Современные млекопитающие

Это коммерческое письмо от Modern Mammals работает хорошо, потому что оно показывает продукт в действии поверх статического снимка. Нам это нравится еще и потому, что:

• Электронная почта использует несколько цветов шрифта для акцента
• Фоновое изображение соответствует упаковке товара.
• В тексте подчеркивается USP продукта.

Отзывы и отзывы по электронной почте

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

G2

Электронная почта G2 «рассмотрите это сегодня» убедительна, потому что она заставляет читателя чувствовать, что он может помочь другим своим обзором. Нам это тоже нравится:

• G2 показывает ряд отзывов на картинках (не только положительные)
• G2 держите электронное письмо кратким
• CTA носит описательный характер

Цель

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

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

Кусать

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

• Bite использовал несколько оттенков зеленого для создания иерархии
• Укусите ссылки на свою страницу «о нас»
• Bite включает свой продукт на картинке

Брендированные электронные письма

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

Тинкс

Это фирменное электронное письмо от Thinx привлекает внимание читателей, представляя их сотруднику (Morgs). Нам это тоже нравится:

• Thinx использовал подходящую матовую цветовую палитру
• Копирайтинг Thinx связан с продуктом и миссией компании.

Висп

Это фирменное электронное письмо от Wisp работает, потому что помогает потенциальным клиентам ориентироваться в своих предложениях. Нам это тоже нравится:

• Wisp использует вопросы, чтобы привлечь внимание читателя
• Wisp ссылается на свои «избранные сообщества»
• Wisp использует изображение, которое сливается с фоном письма.

Как создать свой собственный дизайн электронной почты

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

1. Используйте программное обеспечение для электронного маркетинга

Многие популярные программные инструменты для электронного маркетинга имеют встроенные шаблоны, которые вы можете использовать. Сюда входят Mailchimp, Constant Contact, SendinBlue, Drop и HubSpot.

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

Плюсы:

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

Минусы:

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

2. Используйте специальный инструмент для создания электронных писем

Программные инструменты для дизайна электронной почты предлагают шаблоны электронной почты и уникальные функции для создания уникального дизайна. Stripo, Chamaileon, BeeFree и Postcards — отличные варианты.

Плюсы:

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

Минусы:

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

3. Создайте индивидуальный дизайн

Наконец, вы можете создать собственный дизайн электронной почты с нуля с помощью таких инструментов, как Adobe InDesign, VivaDesigner, Scribus, или просто закодировать его с помощью HTML и встроенного CSS.

Плюсы:

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

Минусы:

• Программное обеспечение для дизайна стоит дорого
• Очень много времени
• Вам нужен сильный опыт в дизайне

Резюме

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

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

Чтобы освоить хороший дизайн электронной почты, убедитесь, что вы:

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

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