421 2

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

Предлагаем перевод статьи Майка Нельсона (Mike Nelson) из Really Good Emails.

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

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

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

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

The Hoxton, Offscreen Dispatch и MailChimp.

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

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

Hulu, On, Fig Tree.

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

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

Пример от Harry’s.

Пример от Harry’s.

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

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

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

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

Litmus, Facebook, DPDK

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

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

David Kind, Conductor.

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

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

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

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

Gotcha.io, Of Kind, Action Rocket.

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

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

Blink XT, Fitbit.

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

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

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

Target, Helix, School of Life.

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

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

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

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

Слева направо: Nike, Readdle.

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

Пример от Wistia.

Пример от Wistia.

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

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

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

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

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

Nest, Cowrks, Harry’s

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

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

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

Quip, Sabah, Nike, The Black Tux

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

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

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

GOAT, BURST.

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

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

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

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

Protein Supplement, Offscreen Dispatch, Behance.

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

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

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

Mendo, MailChimp, Death to Stock Photos, Wildsam.

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

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

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

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

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

Плюсануть
Поделиться
Отправить
Класснуть
Линкануть
Вотсапнуть
Запинить
  • Max Joint

    Хороший перевод. Спасибо!

  • Спасибо за классный материал!

  • Max Joint

    Хороший перевод. Спасибо!

  • Спасибо за классный материал!