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

Что это вообще такое

Мастер-шаблон — своеобразный скелет, который стоит во главе писем компании. Представьте конструктор Lego — такой набор всевозможных блоков. Только строить мы будем не дом, а рассылку. Любую рассылку, будь она регулярной или триггерной. 

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

Кому и зачем нужен мастер-шаблон

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

Он выполняет две важные задачи.

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

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

Это удобно, ведь на подготовку нового письма с мастер-шаблоном уходит меньше времени и сил: нужно только заменить внутренний контент и баннеры, расставить ссылки, написать новую тему и прехедер.

Как мы делаем шаблоны

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

С чего начнём?

С анализа его текущих рассылок (если они есть). Если нет — смотрим письма конкурентов и других компаний той же отрасли. Это необходимо, чтобы сформировать список необходимых блоков.

В случае с интернет-магазином наш конструктор может состоять из вариантов карточек товаров; для СМИ — из множества текстовых блоков; если наш клиент — бренд из бьюти-сферы, то необходимо проработать визуальные составляющие и предложить разнообразные варианты баннеров и блоков с картинками.

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

Собираем референсы

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

Дизайнер, который будет собирать шаблон, прописывает комментарии: что ему кажется классным и почему. То же самое делает аккаунт-менеджер, но уже с точки зрения email-маркетинга.

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

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

Проектируем мастер-шаблон

Это пока не про дизайн, а про проработку всех необходимых блоков рассылки.

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

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

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

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

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

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

Презентуем дизайн клиенту

Созваниваемся с клиентом. Дизайнер и менеджер проекта презентуют идеи, рассказывают обо всех нюансах и решениях; выслушивают вопросы и комментарии, прописывают список правок и доработок (если они есть). 

Верстаем шаблон

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

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

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

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

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

Что такое Letteros

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

В сервисе есть все возможности для работы с шаблонами: удобный рабочий конструктор писем из блоков мастер-шаблона, проверка на адаптивность, экспорт в нескольких форматах или отправка рассылки напрямую в ESP-платформу. Есть даже встроенная проверка орфографии и ссылок в письме.

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

Сколько нужно времени, чтобы разработать мастер-шаблон

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

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

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