10 ТОП-трендов email-дизайна в 2021 году

Нет, не подумайте, мы не сошли с ума, чтобы публиковать статью о трендах email-дизайна 2021 года аж в конце марта. Мы просто ждали. Ждали, когда в наши почтовые ящики придут тысячи писем, чтобы узнать, какие из прогнозов сбылись.

То есть мы делимся не только прогнозами на 2021 год, но и собственными наблюдениями.

1. Геймификация

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

 И маркетологи хотели бы узнать о ней побольше:

• как создавать геймификацию;

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

• доставляемость и резервные варианты.

Вы сомневаетесь, будут ли взрослые играть в игры в своих письмах?

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

Спасибо всем, кто принял участие.

(Ознакомьтесь с веб-версией этого письма).

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

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

В статье «Геймификация в email-маркетинге» нашего блога мы делимся некоторыми готовыми к использованию игровыми механиками. С их помощью создание геймифицированного письма не отнимет у вас много времени и не потребует навыков программирования.

2. Чистый дизайн

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

(Источник: рассылка от Lucky Brand)

3. Интерактивность

Интерактивные рассылки — это такие, в которых письма содержат интерактивные элементы. Последние требуют от покупателя выполнить определенные действия непосредственно внутри письма. Но интерактивность и технология AMP for Email — это не одно и то же.

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

Интерактивность, которую вы создаете в Stripo, полностью веб-безопасна, корректно работает во всех основных почтовых клиентах и даже на мобильных устройствах.

Мануал по ее созданию вы найдете у нас в блоге в статье «8 примеров интерактивного контента в рассылках».

4. Доступность писем

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

Нарушения зрения

По данным Всемирной Организации Здравоохранения, на сегодняшний день 2,2 млрд человек (!) во всем мире имеют проблемы со зрением. Как правило, они используют голосовые программы чтения экрана.

Если вкратце, то вот что вы можете сделать, чтобы ваши письма были «удобочитаемыми» для таких программ:

• тип контента <charset="UTF-8">;

• язык, указанный в заголовке HTML;

• альтернативный текст для изображений;

• смысловые ссылки;

• четкие призывы кнопок CTA.

Stripo предоставляет открытый редактор HTML-кода. Вам нужно просто ввести <charset="UTF-8"> и задать язык письма прямо в коде, когда ваше письмо будет готово или когда вы только начинаете работу над ним. Проявите заботу о тех, кто пользуется программами чтения экрана. Кликните ссылку, чтобы узнать, где найти редактор кода.

Дислексия

Около 15% населения Земли страдает дислексией. То есть каждый седьмой! И чтобы им было комфортно читать, убедитесь, что:

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

• вы не используете курсивный шрифт;

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

Дальтонизм

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

Многие из них не различают зеленый и красный.

А те, у кого монохроматизм, вообще не различают цвета.

(На этой таблице показано, как люди с цветовой слепотой путают цвета).

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

Или же прежде чем отправлять письма вашим дорогим получателям, проверьте их доступность по всем параметрам с помощью инструмента предпросмотр кампании, Email on Acid.

5. Анимации

Говоря об анимации, мы имеем в виду форматы GIF и CSS.

GIF-анимации

Как добавить GIF в письмо? Большинство конструкторов позволяют вставлять их как простые изображения. Но в некоторых вам нужно вставить ссылку. В Stripo это можно сделать обоими способами.

Советы по дизайну писем такого типа:

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

• только одна гифка на одно письмо. Если вам нужно добавить два или больше GIF-файла, скройте их при помощи эффекта ролловера.

CSS-анимации

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

Stripo позволяет анимировать все кнопки в ваших письмах и применять к ним эффект наведения. Создавайте великолепный дизайн максимально быстро.

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

• перейдите во вкладку «Оформление»;

• откройте вкладку «Кнопка»;

• включите опцию «Подсвечивать по наведению»;

• установите параметры для кнопок CTA и их шрифтов при наведении.

6. Оптимизация под тёмный режим

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

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

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

(Шаблон Stripo в Outlook.com)

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

Stripo позволяет настроить цвет фона, который останется неизменным и в светлом и в темном режимах.

Больше советов по оптимизации писем для темного режима вы найдете в статье нашего блога.

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

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

Иллюстрации сделают ваши письма более запоминающимися по отношению к письмам с картинками.

Сегодня все больше и больше брендов используют этот тип изображений.

(Источник: рассылка от TemplateMonster)

8. 3D изображения

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

(Источник: рассылка от Samsung Electronics)

Это может стать источником вдохновения для email-дизайна 2021 года и мотивировать вас добавлять 3D-изображения в свои кампании.

Если у вас нет штатного дизайнера, создавайте 3D изображения с помощью онлайн-инструментов. В интернете их много.

9. Коллажи

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

(Источник: письмо от Brighton)

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

10. Письма на текстовой основе

По какой-то причине такие письма стали довольно популярными в этом году.

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

Однако такие письма могут выглядеть более личными.

(Источник: письмо от Contact Monkey)

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

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

Лучшие решения email-дизайна в 2021 году

AMP-компоненты в письмах

Email-маркетинг как канал развивался постоянно. Но AMP — это абсолютно инновационная технология. Она дает получателям возможность выполнять различные действия непосредственно в письмах без необходимости переходить на ваш сайт.

Сегодня эта технология позволяет получателям:

• оценить ваш сервис и оставить отзывы, не заходя в Google Forms или другие опросники. К слову, мы провели эксперимент: те пользователи, которые могли оставить комментарий прямо в письме, делали это в 5 раз чаще, чем те, кому приходилось заполнять анкету на нашем сайте;

• пролистывать изображения в каруселях;

• просматривать дополнительную информацию по интересующему товару с помощью аккордеона;

• бронировать номера в отеле;

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

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

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

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

На сегодняшний день мы являемся единственным конструктором шаблонов, который позволяет создавать AMP-письма при помощи блоков Drag-n-Drop.

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

Персонализация

Обращение по именам

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

(Источник: письмо от Litmus)

Как добавить теги персонализации в текст письма при помощи Stripo:

• дважды кликните текст письма в том месте, куда вы собираетесь добавить теги, и над шаблоном вы увидите кнопку «Теги персонализации»;

• нажмите ее;

• выберите ESP, через который вы собираетесь отправлять рассылки;

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

Персонализированные предложения

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

Сегментировать можно по возрасту, геолокации, полу и т. д.

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

Вы создаете всего одно письмо с обычным хедером, футером и всем остальным контентом. Затем добавляете две разные строки: для мужчин и женщин. И настраиваете условия отображения для этих строк. Джентльмены увидят письмо с суровым мужским предложением, а дамы — письмо, предназначенное для женщин.

В публикации «Что делает Stripo мощной платформой для создания шаблонов» приведено пошаговое руководство по активации опции «Условия отображения».

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

В завершение

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

К счастью, Stripo позволяет реализовать все эти тренды максимально быстро.