Дизайн Маркетинг Шаблоны
~ 12 мин читать
38776 просмотры
оценить
31 мартa

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

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

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

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

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

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

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

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

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

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

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

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

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

Нарисуйте рождественские открытки в письмах

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

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

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

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

Gamification in Email Marketing_Featured Image_Stripo

15 мин читать

45521 просмотры 4

Геймификация в email-маркетинге: Делаем рассылки фановыми

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

Читать далее

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

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

Тенденции дизайна электронной почты Чистый дизайн

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

Создавайте чистые, воздушные письма для ваших будущих кампаний

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дислексия

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

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

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

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

Тенденции дизайна электронной почты Доступность

Дальтонизм

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

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

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

Таблица цветовой схемы доступа к электронной почте Stripo

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

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

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

5. Анимации

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

GIF-анимации

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

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

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

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

CSS-анимации

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

CSS Анимированная кнопка Stripo Приглашение на веб-семинар Интерактивные кампании по электронной почтеStripo позволяет анимировать все кнопки в ваших письмах и применять к ним эффект наведения. Создавайте великолепный дизайн максимально быстро.

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

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

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

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

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

Оформление-кнопка

Анимируйте кнопки для рассылок при помощи Stripo менее чем за 5 минут

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

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

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

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

Тенденции дизайна электронной почты Темный режим.

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

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

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

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

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

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

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

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

Электронная почта-Дизайн-Тенденции Иллюстрации

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

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

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

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

Самые популярные тенденции дизайна электронной почты 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-элементами. Отредактируйте любой из них и общайтесь с получателями посредством самых современных писем.

Создавайте революционные AMP-письма, используя любой из наших 70 готовых AMP-шаблонов
Просмотреть

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

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

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

Электронная почта-Дизайн-Лучшие практики Адресация по именам

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

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

  • нажмите ее;

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

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

Тенденции дизайна Добавление тегов слияния

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

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

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

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

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

Условия отображения Все условия в режиме предварительного просмотра

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

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

В завершение

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

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

Выберите любой из 550+ шаблонов Stripo как основу для ваших будущих кампаний

sreekumar p 2 года назад

Great article. I would like to know the feasibility of Dynamic Content generation (external API) in Stripo Email Template. Is it possible to include dynamic content?

Анна Кузнецова прокомментировал sreekumar p 2 года назад

Sreekumar, Hello. Thank you for your interest in our blog. Yes, our API allows including dynamic content. Currently, all the details on how to build dynamic emails by using API you may find here: https://stripo.email/ru/stripo-api/ Soon, we'll publish a more detailed post on it. I'll duplicate the link here once the post is ready. But now, if you face some difficulties when working with our API, please email us at support@stripo.email and we'll be glad to assist. Have a good day!

M. qureshi 2 года назад

I find this one very helpful. I knew most of the stuff already but I missed few trends and this was a good reminder for me. Thanks for Sharing!

Анна Кузнецова прокомментировал M. qureshi 2 года назад

M. qureshi, Thank you for your kind words. I'm very glad you find this post useful. Thank you for your interest in our blog!

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
Greatest Examples of GIF animations in Emails_Cover Image
2 дня назад · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

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

Дизайн Маркетинг
13 октября · 14 мин читать
Email-приглашение на вебинар

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

Дизайн Маркетинг Структура Шаблоны
Будьте всегда в курсе последних новостей в области email-маркетинга!