Великолепные примеры черно-белых писем для вашего вдохновения

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

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

Что представляет собой черно-белый email-дизайн и почему его используют маркетологи?

Черно-белый email-дизайн подразумевает, что основное внимание уделяется простоте, минимализму и важности самого текста. Черный и белый — это также универсальная цветовая комбинация, которую можно использовать, когда цвета бренда или продукта не сочетаются в разметке писем.

Если вас интересует психология других цветов, посмотрите наше видео «Color psychology in emails», в котором мы подробно рассказываем о каждом цвете и его значении для бренда.

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

Знаете ли вы, что 40% подписчиков просматривают письма в темном режиме? Таким образом, черно-белый дизайн — это не только визуальный эффект, но и приоритет клиентского опыта.

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

Примеры черно-белых писем и что делает их эффективными

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

1. Ecco

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

(Источник: Email Love, письмо от Ecco)

2. Bosca

Черно-белый дизайн не означает, что придется полностью отказаться от других цветов. Найдите акцент (используйте цвет бренда или выделите продукт), и он будет еще больше выделяться на минималистичном фоне.

(Источник: Email Love, письмо от Bosca)

3. Victoria’s Secret

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

(Источник: письмо от Victoria’s Secret)

Как создать такой элемент письма в Stripo?

Это проще простого:

• перетащите блок «Баннер» в свое письмо;
  
  
• примените серый фильтр к изображению баннера;
  
  
• затем загрузите изображение с вашим ценностным предложением в качестве дополнительного изображения;
• добавьте свой URL-адрес ко всему баннеру.

4. Moschino

Даже письма о брошенной корзине могут быть элегантными и стильными.

(Источник: письмо от Moschino)

5. Great Jones

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

(Источник: письмо от Great Jones)

6. Aritzia

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

(Источник: письмо от Aritzia)

7. AirPods Pro

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

(Источник: письмо от Apple)

Подобную разметку можно найти среди темных шаблонов писем от Stripo.

8. Tom Raffield

Если хочется поделиться чем-то личным, почему бы не использовать дизайн в оттенках серого? Это способ передать эмоции и сделать письма более уютными. Похоже, команда Tom Raffield делится чем-то личным и эмоциональным.

(Источник: письмо от Tom Raffield)

9. Belle & Bloom

Добавление монохромных клипартов может сделать письма более утонченными и престижными.

(Источник: Email Love, письмо от Belle & Bloom)

Используйте любой из 1650+ готовых шаблонов писем в качестве основы для будущих кампаний.

Доступность в черно-белой разметке писем: контрастность, шрифты, читаемость

Каким советам стоит следовать, чтобы письма отвечали всем требованиям доступности?

• избегайте чистого черного и чистого белого;
  
  

  
  (Источник: письмо от Venngage)

• обеспечьте достаточную контрастность. Для кнопки необходим контрастный цвет или контур;

• используйте читаемые шрифты и их размеры;
  
  

  
  (Источник: письмо от Mango)

• используйте alt-текст для изображений и GIF-ок и сделайте его смысловым.

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

Лучшие практики дизайна для черно-белых писем

И еще несколько идей о том, как сделать минимализм в email-дизайне уникальным:

• обеспечьте полную читаемость и доступность без использования цвета;
  
  

  
  (Источник: письмо от Nisolo)

• используйте эмодзи и иконки в письмах, чтобы добавить эмоций или выделить детали;

(Источник: Email Love, письмо от Brilliant Labs) 

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

(Источник: Email Love, письмо от Huel)

• сохраняйте чистую и структурированную разметку для лучшего UX;
  
  

  
  (Источник: Pinterest) 

• поддерживайте целостность бренда с помощью типографики и тональности;
  
  

  
  (Источник: Canva)

• черно-белые иконки придают современности письмам и выглядят универсально, а также добавляют эстетичности;
  
  

  
  (Источник: Email Love)

• монохромные иконки в письмах хорошо подходят, если нужно создать лаконичный и современный дизайн;
  
  

  
  (Источник: Email Love)

• оптимизируйте свои письма как для темного, так и для светлого режима;
  
  

  
  (Источник: Email Love, письмо от Polestar)

Подробнее об оптимизации писем для темного режима мы рассказали в этой статье.

• тестируйте письма на разных устройствах, чтобы обеспечить четкость отображения в оттенках серого;
  
  

  
  (Источник: Pinterest)

Интересные факты о черно-белых письмах

1. Черно-белые клипарт-изображения для писем можно скачать бесплатно.

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

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

Это верно, но не всегда. Как видно из примеров, монохромная email-кампания может иногда очень хорошо отражать ценности бренда, даже без яркого логотипа. И всегда можно сохранить яркий акцент на монохромном фоне; такой дизайн тоже выглядит великолепно!

3. Использование монохромной палитры может мгновенно улучшить эстетику письма и придать ему более престижный вид.

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

Советы по email-дизайну в оттенках серого

• попробуйте использовать высококонтрастную типографику, чтобы акцентировать внимание пользователей;
  
  

  
  (Источник: Email Love, письмо от DKNY)

• добавьте четкие, описательные CTA с сильными глаголами;
  
  

  
  (Источник: Email Love, письмо от Aether)

• используйте маркированные списки, чтобы текст было удобно просматривать;
  
  

  
  (Источник: Email Love)

• слегка увеличьте размер шрифта, чтобы компенсировать минимализм дизайна;
  
  

  
  (Источник: письмо от Urban Outfitters)

• используйте жирный шрифт для выделения ключевых тезисов;
  
  

  
  (Источник: Pinterest)

• попробуйте использовать простые иконки в письмах в формате контура;

Это могут быть иконки в письмах на темном фоне.

(Источник: Email Love)

И иконки в письмах на белом фоне. 

(Источник: Email Love, письмо от xBloom)

• используйте прозрачный фон для изображений;
• добавьте больше пространства между секциями.

(Источник: Pinterest)

В статье «Полное руководство по разумному использованию картинок в письмах» мы более подробно рассмотрели использование изображений в рассылках.

В завершение

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