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

Мастер‑шаблон письма — удобный в использовании инструмент email-маркетолога. Он в разы оптимизирует процесс создания и согласования письма. Поэтапно рассказываем, как мы его создаём в Letteros.

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

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

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

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

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

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

Шаблон решает ещё одну немаловажную задачу — он систематизирует дизайн. Нам важно, чтобы каждое письмо поддерживало идентичность бренда. Единый стиль коммуникации с подписчиками повышает лояльность, а новый дизайн рассылки привлечёт внимание клиентов и приведёт к увеличению конверсии.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сколько нужно времени?

Весь процесс создания мастер‑шаблона укладывается в две или около двух с половиной недель. Три дня нам понадобится на сбор и презентацию референсов, неделя — на дизайн, ещё неделя — на вёрстку и тестирование. 

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