Книга: Контент, маркетинг и рок-н-ролл. Книга-муза для покорения клиентов в интернете

Создаем и оформляем newsletter по правилам

Создаем и оформляем newsletter по правилам

У вашего бюллетеня должен быть шаблон, то есть утвержденный уникальный макет, по которому можно с первого взгляда идентифицировать именно ваши письма. Кстати, в иностранных компаниях и крупных отечественных (а также просто продвинутых) наличие шаблона корпоративного e-mail-письма – это требование при разработке бренд-бука.

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

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

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

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

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

1. Ширина шаблона должна быть не больше 650 пикселей (хотя сейчас наблюдается тенденция к снижению ширины до 500 пикселей из-за популярности мобильных устройств).

2. Минимальный размер шрифта для текстовых блоков – 14-й кегль, при этом, по мнению большинства пользователей, максимальной читабельностью обладают шрифты без засечек – Arial, Verdana, Tahoma.

3. Визуально лучше (и грамотней) структурировать письмо по вертикальному принципу в одну колонку. Как вариант, можно еще попробовать две колонки, где одна – основная и широкая, а вторая – более узкая и выполняет функцию бокового сайдбара.

4. Используйте preheader (самый первый текст в письме, который обычно отображается почтовыми программами рядом с темой письма), он наряду с темой может увеличить показатель открытия ваших писем.

5. Добавьте больше воздуха в тексте:

• межстрочный интервал – не меньше 1,5;

• разделяйте текст на абзацы по три-четыре коротких предложения;

• делайте отступ между заголовками, вокруг картинок и особенно блока с призывом к действию.

6. Увеличивайте читабельность текста:

• выделяйте идеи с помощью заголовков;

• выделяйте главные мысли жирным или цветом;

• используйте списки для перечислений;

• избегайте подчеркивания текста, чтобы его не перепутали со ссылкой.

7. Уделяйте должное внимание картинкам:

• если в письме отключить картинки, цель письма должна быть не менее очевидна, чем с картинками;

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

• все картинки должны содержать альтернативный текст – это не только правило оформления, но и требование почтовых клиентов («Яндекс. Почта», Gmail, Mail.ru и т. д.). Если не знаете, что написать в картинке, значение альтернативного текста оставляйте пустым;

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

• делайте картинки маленькими в размере (в байтах) и большими в объеме (в пикселях).

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

9. Так называемые ядовитые цвета скорее вызывают желание закрыть письмо, чем его прочитать.

10. Снижайте до минимума использование различных графических спецэффектов: теней, свечений, градиентов.

11. Всегда помните о «мобильных» подписчиках:

• картинки-ссылки в объеме должны быть не меньше 44 пикселей, чтобы на них легко было попасть пальцем;

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

12. Общий дизайн должен быть узнаваемым – не забывайте о корпоративном стиле, логотипах и других идентифицирующих символах.

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

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

15. Добавьте возможность альтернативного просмотра письма в браузере. Эта ссылка тоже должна быть заметной, но не акцентировать на себе основное внимание.

При разработке макета вашего электронного бюллетеня хорошо бы учесть дизайн отдельных структурных элементов (шапки, «подвала», заголовков (1, 2, 3), текста с картинкой, блоков с социальными ссылками и т. д.). Каждый элемент должен иметь определенную значимость и не нарушать общую структуру. Чем меньше отвлекающих факторов – тем выше шансы, что читатель вас правильно поймет.

В целом от себя лично настоятельно вам рекомендую подписаться на обновления блога компании eSputnik (www.esputnik.com.ua/blog), в котором регулярно публикуются практические материалы из области e-mail-маркетинга и, что самое главное, актуальные на день прочтения. Всегда будете «в тренде».

Оглавление книги