9 вечных трендов в дизайне email-маркетинга: инструкция по применению

В закладки

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

Тренд #1: Легкие GIF-анимации

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

Перевод: Спешите - только в магазинах и онлайн. Все товары. Купи 1 вещь и получи 50%-скидку на второй товар.

Несмотря на высокие конверсии писем с гифками — 280-300%, Дэвид Рааб, основатель Customer Data Platform Institute, сулит взрывное будущее сообщениям с видео-контентом. Сложно не согласиться, но настоящее за гиф-контентом. Его легче создать и внедрить в тело письма. И посыл он доносит не хуже видеоролика.

Тренд #2: Флэт-дизайн

Флэт — это минимализм в дизайне. Никаких объемов и лишних эффектов. Только простота и акцент на цвет, шрифты и геометричность. Объекты — плоские и удобные для восприятия зрителей. Такие, как у оформления Windows 10:

Флэт-дизайн — модно и разумно. Фигуры с четкой геометрией проще вписать в десктопную и адаптивную версию письма. Они легче объемных изображений, что идеально для рассылок: меньше вес, быстрее загрузка, меньше подозрений у antispam. Кроме того, плоские объекты напоминают “мультяшные”, поэтому их легче запомнить. Высокая узнаваемость рассылки при меньших затратах — вот выгода флэта для email-маркетинга, которая держит его на вершине актуальности. Эту фишку плоского дизайна давно поняли в Trello и активно ее используют:

Тренд #3: Минимализм

Тенденция, порожденная нехваткой времени. Внимание получателя разрывают социальные сети, мессенджеры, чаты и email. У последнего есть пару секунд, чтобы удивить и перетащить читателя на свою сторону. Когда нет времени объяснять, говорите о главном. Главном посыле емейла. Как это делает Busfor :

Минимализм в email-маркетинге сохраняет актуальность более 2х лет. Поскольку средняя глубина просмотра электронного сообщения сократилась на 23%. И с каждым годом процент увеличивается.

Тренд #4: Нейтральные тона

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

​Email о вреде сахара? Заголовок для криминальной статьи?
​Тематический емейл, приуроченный к Хеллоуин.

В общем, лучше с фоном, чем без него. Главное не перегибайте, иначе потеряется главный посыл.

Полутона и градиенты — далеко не новость в email-маркетинге. Это инструмент, который делает письмо “воздушным” (да простят нас дизайнеры) и переносит внимание на суть емейла:

Тренд #5: Адаптивный дизайн

Mobile first. Этим все сказано. 55% получателей проверяют почту через смартфоны и планшеты.

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

Вы создаете письмо, которое автоматически подстраивается под все разрешения:

Тренд #6: Верстка-тетрис

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

Верстка-тетрис уже пережила модификацию в Z-верстку — чередование текста и изображений:

Тренд #7: Нетрадиционный дизайн

Удивлять получателя — постоянный тренд. Для его внедрения подойдут нестандартные макеты писем, как у бренда Fred Perry:

Или интересная подача контента — в виде чата мессенджера. Как бренд Chubbies:

Тренд #8: Единый стиль в рассылках

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

Тренд #9: Интерактивность

Взаимодействие с получателем не устаревает. Меняются способы его подачи. В 2016 году gmail внедрил поддержку media запросов в верстке писем. Это задало игровой тренд общения с клиентом, который актуален по сей день.

Одной из самых ярких “интерактивно-игровых” рассылок, которая нам встречалась, стала работа Tabletrtd которые предлагали собрать пиццу онлайн:

Поиграться с полной версией этого email можно на ресурсе Reallygoodemails.com. Это хранилище успешных и интересных кампаний, которые некогда показали супер-результаты. Это как Pinterest, только в мире email маркетинга.

Кстати, сам Pinterst в поиске вдохновения для email-шедевров тоже не отстает. Благодаря фильтрации по тематике писем можно найти дельные решения для food-индустрии, моды, интернет-магазинов и даже b2b.

Кроме “сборников” отработанных писем, классные идеи есть в рассылке от Sturbucks, InVision Labs и Uber.

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

Вдохновения Вам и высоких конверсий!

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

Написать
{ "author_name": "Estismail Support", "author_type": "self", "tags": ["9","8","7","6","5","4","3","2","1"], "comments": 0, "likes": 1, "favorites": 26, "is_advertisement": false, "subsite_label": "marketing", "id": 89730, "is_wide": false, "is_ugc": true, "date": "Fri, 25 Oct 2019 18:41:55 +0300", "is_special": false }
0
{ "id": 89730, "author_id": 356636, "diff_limit": 1000, "urls": {"diff":"\/comments\/89730\/get","add":"\/comments\/89730\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/89730"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199113, "last_count_and_date": null }
Комментариев нет
Популярные
По порядку
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }