Блог Услуги
9 минут на чтение
1479
0

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

9 минут на чтение
1479
0
как мы делаем шаблоны

Выкладываем все карты на стол и поэтапно рассказываем, как создаём рабочий инструмент, который экономит время, упрощает создание и согласование писем.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что такое Letteros

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

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

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

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

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

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

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


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

ПОЛУЧИЛОСЬ!
Скоро вы начнете получать нашу рассылку