Компоненты дизайна email-рассылок. Часть 1

Дата публикации
06.02.2017

Казалось бы, что сложного в дизайне рассылок? Разместил текст, поставил картинки и нажал кнопку «Отправить». Однако если принимать во внимание, что каждая рассылка имеет определенную цель и решает определенные задачи, то вопрос визуализации писем приобретает особую важность.  В сегодняшней статье, которая открывает серию материалов, посвященных дизайну рассылок, я расскажу о том, как построить макет письма с точки зрения наибольшей привлекательности в глазах подписчиков, укажу на те недостатки, которые могут снизить клики и открытия. А в завершение статьи дам небольшой мастер-класс, как создать макет в визуальном редакторе системы SendExpert

Меньше слов — больше кликов

Старайтесь делать письма краткими. Дефицит времени и большое количество электронных писем, отправляемых ежедневно, изменили поведение людей. Открывая рассылки, подписчики «сканируют» письма и останавливаются на тех моментах, которые им интересны. Поэтому, письмо должно строиться не потоком, а акцентировать внимание адресата. 

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

Читайте также: Пять проверенных способов собрать базу для инфобизнеса

Структурируйте информацию

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

Старайтесь останавливаться именно на такой структуре. И не забывайте, что «фундамент» дизайна рассылок нужно закладывать в самом начале: шапка с логотипом, контактные данные, кнопки социальных сетей. Цветовое решение необходимо повторять из письма в письмо, чтобы стиль рассылок был узнаваемым для подписчика.

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

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

Читайте также Полезные элементы HTML без которых не обойтись, макетируя рассылки. Часть 2

Маленькие хитрости

1. Выстраивая структуру шаблона письма, старайтесь убрать все лишнее: дополнительные колонки, лишние картинки, сократите и структурируйте текст.

2. В верхней части письма оставляйте важное. Распространенной ошибкой многих компаний является заполнение верхней части письма большой картинкой.

3. Добавляйте в макет больше «воздуха». Пробелы между блоками облегчат чтение. Если письмо содержит много мелких пиктограмм и картинок, то отсутствие пробелов создаст впечатление «налепленного в один блок контента», а глаз читателя сразу же станет напрягаться, дабы разглядеть все многообразие элементов. Используйте пробелы вокруг блоков. Это облегчит чтение и является дополнительным способом привлечь внимание к элементам письма, которые имеют значение, например, к ключевому рекламному сообщению или призыву к действию.

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

Мастер-класс

Сегодня мы много говорили о том, что дизайн email-рассылок имеет свой определенный стиль, который выглядит в виде электронной таблицы. В основном он строится на основе строк, иногда строки делятся на ячейки. Давайте построим такой каркас в визуальном редакторе системы SendExpert.

Шаг 1. Заходим в систему SendExpert, в раздел «Почтовые рассылки» — «Создать рассылку». Нажимаем кнопку «Создать», выбираем «Визуальный редактор». 

Шаг 2. Открыв «Визуальный редактор» мы уже видим «каркас» рассылки, который находится посередине экрана. Его ширина — 600 пикселей. А для текстового контента задан отступ от краев — 10 пикселей.

Для того чтобы создать шапку рассылки, необходимо установить курсор внутри первой ячейки и вызвать правой кнопкой мыши контекстное меню. Здесь есть возможность работать с ячейками, колонками и таблицей в целом. Мы выбираем Меню «Строки» — добавить строку сверху — и видим, что команда выполнена.

Шаг 3. Мы можем перекрасить эту ячейку с целью визуально выделить ее от тела письма. Вызываем контекстное меню правой кнопкой мыши, выбираем «Ячейки» — «Свойства ячейки». Здесь в пункте «Заливка» выбираем тот цвет, который нам необходим или вставляем корпоративный из брендбука.

Сохраняемся и видим, как строка закрасилась. 

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

Читайте также

Подпишитесь на дайджест по email-маркетингу!