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

Однако есть одна проблема. Устойчивость нашего внимания стала гораздо короче. Мы становимся все больше ориентированными на визуальное восприятие, и одного текста для вовлечения недостаточно. И тут в игру вступает графика.

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

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

1. Акцент на логотипе

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

Если вы решили включить в хедер свой логотип, делайте его небольшим и разместите его над текстом по центру, как в нашем примере:

Untitled design 8

Редактировать шаблон

2. Станьте ярче

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

Untitled design 3

Редактировать шаблон

3. Акцент на фотографии

Яркие, красочные фото — еще один ресурс, к которому можно обратиться. В Crello фотографии легко вставляются в шаблон с помощью опции «Uploads» («Мои файлы»).

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

Untitled design 1

Редактировать шаблон

4. Простые цветовые решения

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

Untitled design 2

Редактировать шаблон

5. Большой объем информации

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

Untitled design 4

Редактировать шаблон

6. Минимализм спешит на помощь

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

Untitled design 7

Редактировать шаблон

7. Создайте визуальную иерархию

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

Расставьте приоритеты: определите, на чем хотите сделать акцент в шапке письма. Делайте все со вкусом и целенаправленно — во избежание беспорядочного нагромождения информации.

Untitled design 6

Редактировать шаблон

8. Используйте пустое пространство

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

Сбалансированное изображение с акцентным цветом привлекает внимание не меньше, чем яркие цвета.

Untitled design 9

Редактировать шаблон

9. Задайте настроение с помощью цвета

Фотографии можно выбирать по определенной цветовой гамме. Фотографии в стиле «флэт лей» помогут вам задать нужное настроение у читателя. Например, в этом хедере фото использовано как рамка, что также представляет собой отличный дизайнерский прием.

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

Untitled design 10

Редактировать шаблон

10. Ограничьте выбор шрифтов

В одном хедере письма достаточно использовать 2 шрифтов — это обеспечивает пространства для экспериментов и создаст контраст между блоками информации.

Untitled design 121

Редактировать шаблон

Creating email headers doesn’t have to always be a designer’s job. You can implement some of the tips in this article and start creating today! Impress your clients and readers with something different — a tasteful design and a loud message.

Создать хедер письма

Подписывайтесь на наш блог

Получайте лучшие статьи по фотографии и бонусы доступные только подписчикам.