5 советов по созданию красивого и эффективного дизайна письма

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

Следите за трендами

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

Источники вдохновения:

http://reallygoodemails.com

http://www.awwwards.com

https://www.behance.net

https://www.pinterest.com

Помните о структуре

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

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

Столото показывает пример единого дизайна в рассылке.

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

Цифры превыше всего

Для хорошего результата необходимо изучать аналитические данные после каждой рассылки, чтобы понимать, как сделать дизайн письма более удобным для пользователя и эффективным для компании. Так, например, креативные баннеры не всегда полезны. Для некоторых сегментов наиболее действенным может стать простое письмо-каталог. Используйте А/Б тестирование (два варианта макета для разных групп подписчиков), чтобы понять предпочтения конкретной аудитории.

Письмо из рассылки во время предвыборной кампании Обамы тестировалось с двумя изображениями. Второй вариант показал на 19% больше кликов.

Соблюдайте рамки

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

• Классическая ширина контентной части равна 600 пикселам. С учетом полей справа и слева (по 30 px), текст находится в границах 540 px. Визуализация же может выходить за эти рамки.
• Для основного текста используются только web safe шрифты в диапазоне 12–16 пунктов. Идеальный размер, удобный для чтения с экрана — 14 пт (междустрочное расстояние в таком случае равно 20 пт). Если вы хотите использовать другую гарнитуру, например, для заголовка, помните, что в итоге текст будет свёрстан картинкой и, возможно, отобразится не у всех подписчиков.
• Подбирайте фотографии и иллюстрации высокого разрешения (чёткие, нерасплывчатые). Они должны перекликаться с темой и содержанием вашего письма.

• Выделяйте призывы к действию контрастным цветом. В таком случае кнопка привлечёт внимание. И хорошо, если таких кнопок будет несколько: в начале, середине и в конце письма. Рекомендуем также первую кнопку размещать на высоте не ниже 600 пикселей от верхнего края, чтобы читатель ее видел, даже не пролистывая содержимое.

Выигрышная подача

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

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

• Лаконичность. Хороший дизайн – когда дизайна нет. Простота, отсутствие лишних украшательств всегда притягивают внимание читателя и вызывают эстетическое наслаждение. Скажем прямо, в этих случаях глаз читателя не дёргается :).

Если вы уже подписались на нашу рассылку, то видели наше первое письмо. Мы надеемся, что вам оно показалось лаконичным и приятным на вид.

• Пространство. Не бойтесь добавлять «воздуха» в ваше послание, оставляйте между блоками больше свободного пространства. Так удобнее читать.
• Не забывайте, что людям нравится больше смотреть, чем читать. Постарайтесь большие массивы текста разбавить на понятные иллюстрации и схемы. А еще лучше работает в дизайне письма gif-анимация, с помощью которой даже можно создать иллюзию видео.

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

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