10 трендов email-дизайна 2017 года

Тренд 1: приятный фон

Прошло время скучных белых фонов (кроме блогов на Medium, фон которых определяет платформа). Когда у вас под рукой более 16 миллионов гексаграмм цвета, почему бы немного не поэкспериментировать?

Популярный тренд этого года — фон пастельных тонов.

Слева направо: The Hoxton, Offscreen Dispatch и MailChimp.

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

Слева направо: Hulu, On, Fig Tree.

Также можете устроить маленькое «шоу», что-то вроде этого:

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

Тренд 2: одержимость шрифтами

Как только вы освоите цветной фон, следующим логическим шагом станет настройка цветовой гаммы первого плана. Речь о цвете текста:

Слева направо: Litmus, Facebook, DPDK

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

Слева направо: David Kind, Conductor.

Верстать маленькие письма не круто. Круто, когда размер вашего шрифта — от 18 кегля и больше. Словом, 18 — это новый 12.

Тренд 3: Эмодзи: ⚡🚀 😻

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

Слева направо: Gotcha.io, Of a Kind, Action Rocket.

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

Слева направо: Blink XT, Fitbit.

Тренд 4: сыграйте в тетрис блоками контента

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

Слева направо: Target, Helix, School of Life.

Приятная особенность блочного контента — он хорошо и красиво масштабируется в адаптивных макетах. Такие макеты могут сужаться от 4 до 2 столбцов или расширяться от 2 до 6 столбцов — и все они базируются на размере экрана.

Тренд 5: сделайте продающий GIF

Ваша маркетинговая команда, вероятно, потратила кучу денег на создание видеоролика. Но после того, как он загружен на YouTube, почему бы не «нарезать» лучшие его сцены как GIF?

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

Пример от Wistia.

Тренд 6: пульсирующие кнопки

В эпоху интерактивных электронных писем будет уместно добавить кнопкам движения. Также это поможет привлечь дополнительное внимание читателей к СТА.

Тренд 7: пусть продукт выглядит загадочно

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

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

Слева направо: Nest, Cowrks, Harry’s

Тренд 8: неоновые знаки

Вам наверняка знакомы эти неоновые вывески на барах и отелях. Они пришли и в электронную почту. Теперь ваши подписчики поймут, что вы открыты для бизнеса — 24 часа в сутки и 7 дней в неделю.

Слева направо: Quip, Sabah, Nike, The Black Tux

Тренд 9: следуйте дизайн-паттернам Instagram

Почти все современные пользователи интернета присутствуют в Instagram. Проектируя дизайн, всегда полезно использовать испытанные техники. Если у вас есть много визуального контента и фотографий, разместите их «как в Instagram».

Слева направо: GOAT, BURST.

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

Тренд 10: разместите заголовок и текст слева направо, а не по вертикали

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

Слева направо: Protein Supplement, Offscreen Dispatch, Behance.

Бонусный тренд: добавьте впечатляющую цитату

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

Слева направо: Mendo, MailChimp, Death to Stock Photos, Wildsam.

Теперь рассмотрим, какие тренды перешли к нам из прошлого года, а какие навеки остались в 2016‑м.

• Возможность ретвита контента прямо из письма не сохранилась. Зато эта тенденция становится популярнее в блогах и лонгридах.
• Отправители меньше заботятся об обратной связи. Они всё еще думают об этом, но меньше, чем в прошлом году, когда были популярны чекбоксы с запросом на фидбек (см. ниже). С другой стороны, заметен рост писем с Net Promoter Score (NPS), или индексом определения приверженности получателей. Вероятно, эта технология заменяет традиционную обратную связь.
  
• Впечатляющие фото из Instagram в нижней части письма по-прежнему эффективны. Всё больше брендов используют фото из социальных сетей, чтобы передавать определённое настроение читателям.
• Z‑паттерны по-прежнему популярны, но макеты из «боксов» практически исчезли. Сегодня в дизайне гораздо чаще встречаются круги.
• Инфографики всё еще популярны. Есть что-то приятное и удобное в том, чтобы собрать все достижения бизнеса в одно изображение и отправить всем читателям.
• Судя по всему, каунтинг (counting) вышел из моды, но периодически эта техника встречается. Например, в письмах от Lyft и от Care Of.
• Как отмечено в тренде №3, иконки сейчас на пике моды, особенно если они расположены в одной строке с текстом.

Интересно, сколько тенденций, важных в этом году, сохранят актуальность в 2018?

По материалам: explore.reallygoodemails.com