×
Россия +7 (495) 139-20-33

5 мощных трендов в дизайне рассылок

Россия +7 (495) 139-20-33
Шрифт:
0 8596

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

Что отвечает за релевантность? Во-первых, смысловое содержание – предложение бренда. Во-вторых, дизайн, ведь структура и подача напрямую влияют на восприятие информации. В среднем на прочтение имейла пользователь тратит 11,1 секунды и принимает решение, полезна рассылка или нет. Чем продуманней и интересней дизайн, чем больше он вовлекает, тем выше шансы, что пользователь не просто прочтет письмо до конца и не отпишется, а перейдет по ссылкам и что-то купит.

Расскажем о пяти главных трендах в дизайне email’ов и поделимся советами, как сделать дизайн письма, которое точно не отправят в спам.

Эмоциональные шапки

Шапками (хедерами) в письмах уже никого не удивишь. Если письмо приходит без шапки, что-то пошло не так: или email-маркетолог забыл ее поставить, или она попросту не отображается.

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

Пример рассылки Trello   Пример рассылки Diesel

Градиенты в шапке письма от Trello (слева), вижуал из кампании Diesel в рассылке бренда (справа)

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

Чтобы экспериментировать было легче, используйте шаблоны. Есть множество онлайн-инструментов, которые предлагают уже готовые решения. Например, Canva или Crello. При желании шаблон можно отредактировать практически до неузнаваемости, используя собственные изображения и шрифты.

Скриншот редактора Crello

Скриншот окна редактора Crello c шапкой электронного письма

Наивная анимация

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

Анимация в рассылке Crello

Анимация в шапке письма Crello

Здесь не играет роль серьезность и степенность бренда – даже технологические корпорации могут говорить со своими клиентами на простом языке. Например, Google очень часто использует небольшие «мультики» в своих рассылках.

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

Анимация в рассылке Google Design

Анимация в шапке письма в первом и следующем изображении в рассылке Google Design

Моушн-элементы в наивном стиле могут стоять как в шапке, так и в теле или в «подвале» письма – главное, чтобы это выглядело органично. Убедитесь, что анимация:

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

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

Обратный отсчет

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

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

Таймер обратного отсчета, разработанный в Sendtric

Таймер обратного отсчета, сделанный в Sendtric

Интерактивный элемент

Digital дает массу возможностей, в том числе и шанс сделать практически любой элемент на экране интерактивным. Все это касается и электронных писем в рассылках. Интерактивность – не новый, но стойкий тренд в нише email-маркетинга. По данным Content Marketing Institute, 79% брендов отмечали, что интерактивный контент удерживает внимание лучше, чем статичный. А исследования Oracle говорят, что интерактив повышает кликабельность на 50%.

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

  • участвовать в опросе;
  • листать галерею;
  • кликать на отдельные товары;
  • менять размер шрифта;
  • играть в несложные игры.

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

Пример рассылки Nike   Пример рассылки дизайнера мебели Тома Раффельда

Интерактивные письма Nike (слева) и дизайнера мебели Тома Раффельда (справа)

Внушительный аскетизм

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

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

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

Пример рассылки Readymag   Пример рассылки WIX

Типографика в рассылке Readymag (слева) и лаконичное фото в рассылке WIX (справа)

Подытожим

Email-маркетинг – один из самых эффективных и удобных каналов общения с потребителем. 97% компаний утверждают, что рассылки помогают конвертировать получателей в покупателей, и 76% людей совершают покупки из писем. Это говорит о том, что рассылки действительно помогают продавать.

Чтобы ваше письмо выделялось в общем потоке, руководствуйтесь следующими подходами:

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

(Голосов: 8, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Как выбрать CMS для интернет-магазина
Колян Гусляков
2
комментария
0
читателей
Полный профиль
Колян Гусляков - Если же у вас не получилось решить данную проблему, предлагаю воспользоваться авторской сборкой от neoseo. neoseo.ru/internet-magazin-seo-magazin-model. Они предоставляют дополнительные модули для работы и взаимодействия с вашим сайтом, современный дизайн, качественную оптимизацию и продвижение. Советую попробовать, не пожалеете.
«Юзабилити-лаборатория»: оставляйте заявку на участие!
Анна Макарова
378
комментариев
0
читателей
Полный профиль
Анна Макарова - Антон, добрый день! Ваш сайт не попал в основную выборку для юзабилити-анализа, но эксперты постараются сделать по вашему сайту видеоразбор (ю-ревью). Будем держать вас в курсе )
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Автоматические SEO-аудиты: как напугать некорректными выводами
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - спасибо
Выбираем CMS для сайта с точки зрения SEO: базовые требования
SEO.RU
6
комментариев
0
читателей
Полный профиль
SEO.RU - Спасибо за замечание, действительно была допущена неточность - возможно информация была не так давно обновилась. Данные в статье поправим на актуальные.
Зачем подменять контент на сайте: разбираем инструмент и развенчиваем мифы
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - К мифу 1 добавлю Google optimize optimize.google.com Удобен для сотрудников со спец. знаниями и без них. Подмена контента настраивается за счет многих вариантов страниц и условий настроек распределения трафика. Варианты страниц можно легко создать копипастом. На мой взгляд удобно и бесплатно. Тот же Calibri и программисты в любом случае, пусть не за это, но где-то берут свою комиссию. (чисто мое мнение). В качестве цены отдаешь такой ресурс как личное время и копейки за внесение двух первоначальных изменений в html шаблон страниц. Но если ваша digital-кампания имеет совесть то оплата максимум час, а то и бесплатно. Интернет-маркетолог сам должен уметь это делать. Все просто + подробную инструкцию прилагают на языке пользователя. + за поддомены платить не надо, они вообще не нужны. + взаимодействие с: - Google Ads; - Google Tag; - Google Analytics просто прекрасно отслеживается по всем вариантам параллельно. Это помогает до деталей нарисовать профиль ЦА по любому "кредиту - отдельно на машину и отдельно на бизнес". Что с аналитикой у Calibri на этот счет? Сам с Calibri не разу не работал, всегда работаю с первоисточником. + к мифу 3 в том что это и есть детище поисковой системы и рекламного инструмента. Яша тоже спокоен будет так как сам везде навязывает Турбо-страницы (считаю их не удобными).- Как "-" (минус) вижу то, что может повлиять на скорость загрузки сайта. Но если у вас не конструктор, а темболее Landing Page, то о скорости можно не волноваться. Но это чисто мое мнение. В остальном согласен с автором.
Монетизируйте свой сайт вместе с VIZTROM
VIZTROM
3
комментария
0
читателей
Полный профиль
VIZTROM - Добрый день! Так как мы сейчас работаем в приватном режиме, Вы врятли можете объективно оценить нашу рекламную площадку. У нас будет официальный запуск 3 марта для вебмастеров. Приглашаем Вас присоединиться к нам и лично посмотреть наш функционал.
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
59
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
7 способов увеличить авторитетность сайта «в глазах» поисковых систем
Grigo5
4
комментария
0
читателей
Полный профиль
Grigo5 - Понятно.
SEO must go on! Почему в кризис нельзя останавливать продвижение сайта
everystraus
0
комментариев
0
читателей
Полный профиль
everystraus - Мы даже варианты не рассматривали. Если проект неустойчив, сразу предлагали сбавить обороты до минимума, но и так, чтоб не свалиться в штопор. Именно по СЕО чаще всего.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
378
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
140
Комментариев
121
Комментариев
111
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
89
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
59
Комментариев
57

Отправьте отзыв!
Отправьте отзыв!