В этой статье наши партнёры из команды rubumails.ru – сервиса по дизайну email-рассылок – на примерах пяти ярких писем расскажут о принципах, которые помогут поднять уровень дизайна ваших писем – как новогодних, так и для любой другой акции.
В самом начале
Наверняка перед тем как разработать серию писем, вы проводили исследования. Не поленитесь, приступая к работе над макетом письма, сформулировать вашу стратегию еще раз.
Вовсе не обязательно тратить на это много времени, достаточно ответить на несколько простых вопросов:
- В чём состоит ваше главное предложение?
- Кто его получит? Чем оно интересно получателям?
- Как выглядели подобные письма раньше? Они принесли желаемый результат?
Ответив на них, вы убедитесь, что действуете в правильном направлении и, возможно, даже найдёте интересные инсайты.
Главное предложение
Если вы решили заинтересовать пользователя конкретной акцией, не забывайте, что время, в течение которого вы сможете удержать внимание читателя, крайне ограничено и показать суть предложения нужно как можно скорее.
Если у вас распродажа, скажите об этом быстро и ярко. Но не забывайте, кто ваш получатель: не каждая аудитория оценит кричащие цвета и заголовки.
Например, вот такое письмо присылали своим пользователям маркетологи бренда одежды Jcrew.
Обратите внимание: Первое, что бросается в глаза, это «60%» и «OFF». При этом красная подложка к «OFF» сделана в более насыщенном тоне, чтобы создать более явный акцент.
Типографика
От того, как вы преподнесете текст главного предложения, зависит успех коммуникации с пользователем, потому что именно буквы мы считываем и понимаем быстрее других визуальных образов.
Самой важной составляющей хорошей типографики является иерархия. Сначала мы говорим о главном, а затем поясняем. Это важно: читателю не стоит показывать весь текст предложения целиком. Пользователь не станет читать большой текст в письме, потому что воспримет его, как однородную массу. Если вы выделите главное и разделите текст на несколько частей, он будет выглядеть гораздо удобнее для чтения.
Посмотрите на письмо корейского бренда косметики Amore Pacific. Даже не зная языка, можно догадаться, где главное, а где второстепенное.
Обратите внимание: сначала мы видим красным 선물 (подарки), затем 크리스마스 (рождественские) и потом уже считываем все остальное.
Цвет
Не бойтесь использовать насыщенные цвета, для того чтобы акцентировать внимание на конкретном блоке или элементе.
Даже если фирменный стиль вашей компании выполнен в сдержанных тонах и не содержит ярких элементов, то несколько заметных кнопок хорошо разбавят контент и добавят акцентов.
Старайтесь использовать цвета и оттенки, которые подходят к контексту письма и вызывают нужные эмоции. Избегайте неприятных и тусклых – с ними связаны неприятные ассоциации.
Магазин LOFT присылает подборки своих товаров по определенному цвету, оформляя соответствующим образом и письма.
Обратите внимание: мятный цвет имеет массу оттенков, но дизайнер выбрал наиболее приятный и насыщенный.
Композиция
Расставляя элементы и блоки внутри письма, очень важно создать ощущение целостности и гармонии. Именно такие письма получать приятнее всего. За счет композиции мы управляем вниманием и создаем нужные нам ощущения во время прочтения письма.
Попробуйте расставить элементы письма в таком порядке, чтобы они шли друг за другом не только по смыслу, но и визуально. Таким образом, вы упростите восприятие и проведете читателя по нужному вам маршруту к заветной CTA-кнопке.
Отличный пример хорошей и одновременно интересной композиции – это письмо от магазина Nordstrom.
Обратите внимание: каждый из блоков считывается плавно и последовательно, прежде всего, потому, что имеет угловой срез, который перетекает в следующий.
Анимация
Тренд, который всё ещё набирает обороты, просто создан для того, чтобы быстро заинтересовать вашего читателя. Анимированные картинки отлично подойдут, чтобы задать настроение и обратить внимание на конкретную часть письма.
Однако не забывайте о том, что формат GIF поддерживается не всеми почтовыми клиентами, и конечно, помните, что анимация не должна быть навязчивой и мешать чтению письма.
Хороший пример анимации – в письмах магазина Steven Alan. И ставшие уже их визитной карточкой фоновые часы с бегущей стрелкой.
Обратите внимание: стрелка движется практически незаметно, она не мешает легко прочесть любое слово или строчку, но при этом возникает легкое напряжение, которое и создает настроение спешки.
В заключение хотелось бы подчеркнуть: всегда помните о своем читателе и о том, как он воспринимает тот или иной элемент дизайна, насколько он оправдан и нужен ли вообще в контексте вашего предложения.
А в качестве бонуса мы подготовили доску на Pinterest с примерами отличных новогодних писем. Наслаждайтесь 🙂
Команда RUBU
rubumails.ru
