При разработке визуального стиля рассылок без этих рекомендаций не обойтись ни одному маркетологу. Потрудиться над ними придется немало, ведь нужно определять расстояние между объектами, подбирать единую концепцию фотоснимков, задавать определенное направление внутри каждого письма и всей рассылки. Зато их эффективность значительно повысится. Составив всего несколько таких рассылок, вы поймете, что в этом нет ничего сложного. Никаких новых инструментов вам не понадобится. Главное изначально потратить достаточно времени, чтобы понять, как оформить рассылку. В будущем это позволит сэкономить уйму часов при работе над подобными проектами.
Типичные ошибки при составлении рассылок
Для начала проанализируем, с какими трудностями сталкиваются маркетологи, составляя рассылки.
- Письмо с первого взгляда отталкивает, не удается определить, по какой причине это происходит.
- Дизайнеру не удается воплотить в жизнь свой замысел. Посыл выходит совершенно иным.
- Каждое письмо совершенно непохоже на предыдущие. Если анализировать, не прослеживается единый стиль, который мог бы ассоциироваться с компанией.
- Фирменный стиль не угадывается в отдельно взятом письме. Клиент не понимает, почему оно к нему поступило, кто отправитель.
- Не прослеживается визуальный ритм, все элементы размещены без единого порядка.
- Текст сложно и неприятно воспринимать.
- Содержащиеся в письме сведения рассказаны скучно и неинтересно.
- Переизбыток лишних конструкций и элементов.
- Совершенно неясен посыл отправителя, непонятно, каких действий ждут от получателя.
- Текст не вовлекает в процесс, не побуждает совершить покупку или перейти на сайт.
Когда вам удастся избавиться от этих проблем, письма начнут корректно отображаться, читать их будет интересно и удобно. Работая над удобством чтения, следует соблюдать правила внешнего и внутреннего, иерархию. Только в этом случае рассылка будет адекватно восприниматься, от него останутся приятные впечатления.
Для корректного отображения необходимо соблюдать важные советы по оформлению, модульной сетке, количеству колонок и используемых шрифтов. Если за этим не следить, информация будет отображаться некорректно.
Структура
Она играет значимую роль в том, как оформить письмо в рассылке.
Параметры
Универсальная ширина составляет 600 пикселей. Это гарантия того, что оно верно отобразится на любом экране. Высота произвольная. Важно, чтобы читатель добрался до конца рассылки. Поэтому в верхней части размещайте всю значимую информацию. Так повышаются шансы заинтересовать потенциального клиента, побудив его перейти на сайт.
Элементы
Каждый емеил должен содержать перечень стандартных элементов:
- логотип компании;
- заголовок;
- абзац текста;
- баннер;
- футер;
- СТА.
Хедер поможет читателю сразу понять, от кого он получил письмо. Заголовок должен указывать на тему, текст и баннер, раскрывать главную мысль послания.
Когда магазин хочет сообщить о прибытии новой продукции подписчикам, которые ранее уже интересовались ею, лучше всего отправить карточку товара. Получателю сразу будет понятно, что он увидит в письме. Шансы на оформление покупки после этого значительно увеличиваются.
Повысить эффективность можно, разместив СТА в верхней части письма. Так вы побудите подписчика переходить на нужные баннеры. Клиент не должен терять время на поиск ссылки, не понимая, куда ему нажать, чтобы перейти дальше. Баннер, по которому можно отправиться на сайт интернет-магазина, должен располагаться на самом видном месте.
Если вы призываете клиента совершить действие, на которое он не сможет решиться сразу, кнопку располагаем в нижней части письма. После того, как расскажем обо всех выгодах и преимуществах предложения.
Расположение элементов
Дизайн емейл рассылки верстается в виде таблицы. Все сведения разбиваются на модули. Это прямоугольные участки, подчиненные единой логике. Они не должны между собой пересекаться. Размещаются в одну или несколько колонок.
В идеале их должно быть не больше двух. Допустимо наличие трех-четырех колонок. Если их пять или больше, то письмо не будет эффективным. Ширина колонок окажется настолько маленькой, что контент с многих устройств нельзя будет прочитать.
Типографика
Никогда не забывайте, что в основе любого письма текст. Поэтому применять разрешается исключительно безопасные шрифты. Только они корректно отображаются в любом почтовике или браузере. Самые популярные среди них — Arial, Tahoma, Times New Roman.
Когда появляется необходимость применить шрифт другого типа, поместите его на изображении. Только в этом случае можно рассчитывать на корректное отображение. Применять их допускается лишь в коротком тексте. Все, что вы напишите на картинке, должно поместиться на экран любого девайса.
Шрифтовая пара
Она должна быть в каждой рассылке. Это поспособствует правильной реакции на емеил, поможет получателю выделить самое главное, при желании пропустить второстепенную информацию.
Расстояние между объектами
С помощью этого элемента вы сможете контролировать внимание читателя. Ему должно быть комфортно читать текст письма.
Опишите его в двух словах. Суть заключается в том, чтобы общее расстояние внутри каждого отдельно взятого элемента не превышало расстояние между самими элементами. Это означает, что межбуквенное пространство не должно превосходить по ширине расстояние между словами.
Визуальная иерархия
F-образный паттерн был открыт много лет назад, но до сих пор остается важным при определении поведения пользователя в сети. Бизнесу по продажам сильно мешает, что при чтении письма человек игнорирует значительные по размеру абзацы. Из-за этого смысл месседжа меняется.
- Каждая мысль должна быть выражена максимально кратко. Так больше шансов, что вас правильно поймут.
- Выделите самое главное, подталкивая читателя к тому, чтобы он желал увидеть. В этом вам помогут разнообразные заголовки разных и перечисления. Они бросаются в глаза на фоне остального текста.
- Разделите информацию на несколько смысловых блоков. Так вам будет проще «скормить» ее читателю. Это как с французским батоном, который проблематично съесть целиком, а если разрезать на кусочки, то все получится.
- Применяйте форматирование ссылок, вставляя информативные слова.
Чтобы избежать этого, доставлять человеку удовольствие при чтении вашего письма, придерживайтесь следующих рекомендаций по рассылке:
Изображения
Если вы научитесь правильно пользоваться картинками, то освоите один из главных принципов, как оформить рассылку по электронной почте.
Соответствие фирменному стилю
Вставляйте картинки, соответствующие корпоративному стилю компании. Хороший прием – снимки, на которых изображены люди. С их помощью можно существенно повысить доверие читателей.
Главное, не брать стоковые изображения. Пользователи легко их вычисляют и игнорируют. Репутация бренда будет только подорвана.
Эмоциональные фото
Если у вас на снимке человек, постройте композицию таким образом, чтобы его взгляд был направлен на главный месседж или СТA.
Минимальный вес картинок
Не переусердствуйте, вставляя фотографии в высоком разрешении. Из-за этого письмо станет слишком тяжелым. При нестабильной связи никто не станет ждать, пока все загрузится. Те, кто дождутся, будут раздражены.
Контролируйте вес письма на специальных сервисах. После сжатия изображения в графическом редакторе, его можно дополнительно ужать, практически не лишившись качества.
Если указываете промокод, проверьте, чтобы он легко копировался. В противном случае вы только расстроите пользователя, которому придется его перепечатывать, постоянно возвращаясь на страницу.
Не ставьте подряд несколько гифок. Визуально человек в состоянии сконцентрировать внимание только на одном объекте. Когда требуется поместить в письмо несколько анимированных объектов, разделяйте их текстом. В таком случае читателя ничего не будет отвлекать и раздражать.
Стартовый кадр гифки должен нести максимум информации. Должно быть ясно, о чем гифка, даже не открывая ее. Ведь у человека, читающего письмо, может и не появиться желания ее запустить.
Визуальный стиль
Разобравшись с ограничениями и тонкостями при отправлении писем по e-mail, переходите к созданию визуального стиля. Это следующий этап, который поможет вам научиться, как правильно оформить рассылку.
Каждой компании необходим собственный индивидуальный стиль. Он имеет такое же значение, как и логотип. Помогает с самоидентификацией, способствуя тому, что клиент запомнит бренд, противопоставляя его конкурентам. От содержания письма и его вида зависят элементы, которые необходимо включить в рассылку. Порядок этапов останется неизменным.
Вводные
Начинать всегда нужно с изучения вводных. Электронная почта является одним из способов общения вашей фирмы со своими клиентами. Зачастую, вводные имеются изначально. На них следует ориентироваться, обязательно их учитывайте. К ним относится логотип, корпоративный сайт, другие отличительный особенности вашей компании.
Обращайте внимание на тайм-план. Не забывайте, кем являются подписчики. Шрифты, используемые цвета, другие дизайнерские элементы не должны противоречить общему стилю.
Формирование
Дизайн email рассылок зависит от того, насколько детально на первоначальном этапе будет организована аналитическая работа. Это поможет сразу определиться со списком элементов и общей формой писем. Вот ряд рекомендация.
- Определитесь с цветами. Помимо нейтральных, используйте не больше трех.
- Определитесь со шрифтовой парой. Она должна соответствовать особенностям бренда. Для информационного портала или парфюмерного бутика удачно можно сочетать sans-serif в абзацах и serif-шрифт в заголовках. А вот для магазина обуви или детских развлечений это станет неуместно.
- Установите кегль заголовков на каждом уровне. Обратите внимание на способы оформления акцентной информации (ссылок, цитат).
- При проработке уникальных элементов решающее значение приобретают задачи, которые вам предстоит решать.
- Следуя принципу внутреннего и внешнего, установите размеры отступов, предусмотрев любые ситуации, при которых они могут вам потребоваться. Любое пространство должно формироваться не как попало. Его значения следует устанавливать заранее. Добейтесь единообразного оформления отступов перед и после заголовков, подписей к рисункам, отступов, окружающих СТА.
«Объединение» элементов
В ежедневной работе это следует делать параллельно с предыдущим этапом. На практике они сильно связаны между собой. Результатом должен стать макет, оформленный в корпоративном стиле, пусть и отличающийся в деталях. Каждый элемент на своем уровне решает конкретную микрозадачу. Результатом станет формирование единого стиля, который соединит все в одну концепцию.
Обратите внимание на то, как соотносятся между собой разные объекты в рассылке. Решите, в каком виде, в каком месте должен быть каждый из элементов. В таком случае вы придете к единому визуальному решению.
Чек-лист
В завершении обобщим краткие рекомендации, которые помогут вам правильно оформить рассылку.
- Ширина не более 600 пикселей. Высота – произвольная.
- Применяйте минимум элементов. Основной перечень должен включать заголовок, хедер, текст, баннер, футер, СТА. Не стоит включать в рассылку слишком много составляющих. Так вы только рассредоточите внимание потенциального клиента.
- Макет формируется по модульной сетке. Это упростит верстку, вам будет проще адаптировать емеил для разных категорий читателей.
- Не делайте больше четырех колонок.
- Выбирайте исключительно безопасные шрифты. Кроме них не используйте другие при создании основного текста и заголовков. Когда требуется включить нестандартные шрифты, то их допускается размещать исключительно на картинках.
- Устанавливая расстояние между отдельными объектами, не забывайте, что расстояние внутри отдельно взятого элемента не может превышать внешнее.
- Если создаете контент сами, мысли в тексте выражайте максимально кратко. Текст разбивайте по смыслу на блоки с яркими и цепляющими заголовками. Разбавляйте текст списками, различными приемами акцентирования внимания.
- В письме, которое вы отправляете по рассылке, типографика играет более значимую роль, чем графические элементы.
- Не должно быть текста размером менее 11 пикселей.
- Вставляя изображения с людьми, добивайтесь, чтобы они были эмоциональными и естественными. Даже есть пользуетесь стоками.
- Вес изображений уменьшайте на специальных сайтах при помощи графических редакторов: iloveimg, ipegmini, tinypng. Гифки не должны весить более одного мегабайта.
- Если отправляете клиенту промокод или информацию, которую нужно вводить на других ресурсах, прописывайте ее текстом, чтобы она без проблем копировалась.
- Не отправляйте емеил, состоящее только из одной картинки. В противном случае провайдер может автоматически отправить его в папку «Спам».
- Постарайтесь создать дизайн таким образом, чтобы в нем по максимуму отсутствовали картинки. Они могут применяться исключительно в как часть графики.
- Любая часть рассылки обязательно делится на блоки по горизонтали, не превышающие параметры самого макета.
- Части письма, с которыми нужно выполнять те или иные действия, должны быть достаточно большими. Как минимум, 50 на 50 пикселей. Иначе они окажется нечитаемыми.
Все это полезные рекомендации, которые позволят вам создать привлекательную рассылку. В зависимости от того, какая задача стоит перед вами, некоторые их них можно нарушить. Но общих принципов следует обязательно придерживаться.
Не бойтесь экспериментировать, пробуя новые форматы, в том числе и в сфере дизайна.
