Брендированный мастер‑шаблон письма: как мы его создаём

Что такое мастер‑шаблон письма

Это универсальный макет с готовым дизайном и блоками, из которого можно собрать любой вид рассылки: регулярную, промо, велкам‑цепочку и другие письма. Основа будущих рассылок компании.
Обычно в мастер‑шаблоне мы закладываем разные шапку и футер, кнопки и отступы, а также оформление тех или иных блоков для тела письма. Может быть несколько вариантов заглавного баннера, как в этом примере шаблона для рассылок Школы инноваций и креативного мышления ИКРА.

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

Вариантов расположить иллюстрации в теле письма — масса. Можно сделать товарную подборку, несколько колонок или просто картинку во всю ширину, добавить подложку. 

Мастер‑шаблон — это, прежде всего, удобно. Он экономит время и силы на подготовку нового письма: нужно только заменить внутренний контент и баннеры, расставить ссылки, написать новую тему и прехедер. Шаблон решает ещё одну немаловажную задачу — он систематизирует дизайн. 

Как мы создаём брендированные шаблоны

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

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

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

Первый этап. Сбор референсов

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

Далее дизайнер и аккаунт‑менеджер прописывают в Фигме свои комментарии — что им кажется классным и почему — как с точки зрения дизайна, так и email-маркетинга. 

На первый этап работы мы закладываем три дня: два — на поиски референсов и день на обсуждение и созвон с клиентом.

Второй этап. Проработка блоков 

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

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

На этом этапе важно выявить какую‑то интересную фишку, которая будет одновременно поддерживать стиль компании и выделять эту рассылку на фоне других. 

На этот этап работы у нас уходит неделя. Обычно дизайн макета готов уже спустя 3–4 дня, ещё день‑два нам понадобится на согласование и возможные правки.

Третий этап. Презентация

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

Четвёртый этап. Вёрстка шаблона

Шаблон верстается в html, после чего верстальщик тестирует его отображение во всех почтовых клиентах.

На вёрстку и тесты писем закладываем неделю.

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

Если шаблон будет использоваться в Letteros. Менеджер проекта создаёт аккаунт для клиента и загружает готовый шаблон.

Если шаблон будет использоваться вне конструктора. Отправляем тесты на адреса клиента. На финальном созвоне презентуем мастер‑шаблон клиенту.

Посмотрите, каким получился шаблон для рассылок «Еаптеки», разработанный для интеграции в платформу.

Нужна помощь с брендированным шаблоном? Нет проблем. Пишите, а мы поможем с его разработкой.