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

Опубликовано: 2021-11-03

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

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

Что такое дизайн, ориентированный на конверсию?

Конверсионно-ориентированный дизайн (ПЗС) - это именно то, что: дизайн, ориентированный на конверсии. Подумайте об основной цели своего электронного письма. Затем используйте убедительный дизайн и психологические триггеры, которые помогут направить людей к действию, которое вы хотите, чтобы они предприняли. Это не уловка; это ПЗС. Но как именно этого добиться?

Убедитесь, что ваш дизайн будет выглядеть правильно

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

Оптимизируйте свою электронную почту

9 советов по созданию электронных писем с высокой конверсией

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

1. Выполните ожидания, указанные в теме письма.

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

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

Чтобы узнать больше о том, как увеличить количество открытий, кликов и конверсий, ознакомьтесь с этими советами по теме письма от экспертов по электронной почте.

2. Считайте дразнящие глаголы в ваших призывах к действию.

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

Хороший призыв к действию не только усиливает действие , но и увеличивает его ценность .

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

Чтобы продать… Вместо того… Попробуй это…
Приложение для управления проектами Скачать сейчас. Начать планирование.
Публикация в блоге с инструкциями Учить больше. Покажи мне, как.
Пара кроссовок Купи сегодня. Бежать быстрее.

3. Привлекайте внимание к своему призыву к действию с помощью инкапсуляции.

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

draw-eye-to-cta
Привлечение внимания к призыву к действию с помощью фонового изображения
радиальный фон
Радиальный фон может привлечь внимание к призыву к действию.

Заинтересованы в таком подходе? Узнайте, как это сделать, из этих полезных сообщений в блоге:

  • Как легко поразить каждого подписчика фоновым изображением электронной почты (+ код для этого!)
  • Лучший способ кодировать цвета и градиенты фона электронной почты HTML

4. Сделайте ваш призыв к действию контрастным.

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

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

цветопсихология
Источник: UX Planet

Для максимального уровня контраста Interaction Design Foundation рекомендует использовать цвета, расположенные напротив друг друга на цветовом круге.

цветовое колесо
Источник: Цветовое колесо Canva.

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

5. Указывайте на важный контент с помощью ориентиров

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

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

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

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

смелый и красивый
Линия обзора: модель на изображении смотрит в нижний левый угол, где находится CTA.

6. Оставьте много пробелов, чтобы было легче находить призывы к действию.

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

пример электронной почты
Источник: действительно хорошие электронные письма

Последняя кнопка в электронном письме выше имеет достаточно свободного места, чтобы ее не пропустили, а также четкое напоминание о предложении.

7. Дайте людям понять, что они получат.

Покажи, не говори. В старой поговорке есть правда: «Картинка стоит тысячи слов». Люди хотят увидеть или предварительно просмотреть, что они получат, прежде чем они начнут действовать. Стоит ли это их времени и денег? Дизайн электронной почты идеально подходит для демонстрации вашего продукта или услуги.

пример электронной почты Google
Источник: действительно хорошие электронные письма

Google демонстрирует свои беспроводные наушники Pixel Buds в этом интерактивном рекламном письме. С увеличенными изображениями в области героя подписчик может изучить продукт. Дальнейшие изображения в теле письма показывают примеры используемых продуктов.

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

8. Используйте срочность, чтобы побудить к действию.

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

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

синапс-электронная почта
Источник: действительно хорошие электронные письма

9. Внушайте уверенность с помощью социальных доказательств.

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

пример электронной почты
Источник: действительно хорошие электронные письма

Путь к конверсии ясен

Люди тратят в среднем всего 10 секунд на чтение электронной почты. Поэтому крайне важно, чтобы скиммеры понимали контекст всего вашего электронного письма, не читая его тело. Дизайн, ориентированный на конверсию, - это один из способов сделать это и быстро привлечь подписчиков к вашему призыву к действию, прежде чем они потеряют интерес. Воспользуйтесь советами из этой статьи, чтобы расчистить путь к конверсии, и расскажите нам, как это происходит!

Лакмус логотип

Создавайте электронные письма с идеальной точностью до пикселя - с Litmus

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

Начать бесплатную пробную версию