Работаете в сфере email-маркетинга и мечтаете о сокращении времени на выполнение операционных задач, таких как создание регулярных писем, чтобы оставалось больше времени для идей, стратегий и креатива? Мы в Stripo понимаем вас и знаем, как это сделать, потому что сами прошли через это и сумели снизить затраты времени email-маркетолога на создание письма с 2,5 часов до 30 минут.
Модульная архитектура редактора Stripo помогла нам решить эту проблему. Читайте, как это получилось, в данном кейсе.
Что представляют собой модули в редакторе Stripo?
Модульная система — это возможность использовать сохраненные независимые блоки контента писем, в которых уже присутствуют все необходимые параметры (шрифты, цвета) и, если необходимо, элементы программного кода. Можно создавать и сохранять в библиотеке редактора любое количество различных вариантов модулей для разных частей письма (хедера, футера, карточки товара и т. д.).
При создании email-кампании вы комбинируете модули и быстро получаете привлекательный и функциональный результат. Это удобнее, чем использование готовых шаблонов, так как избавляет от ограничений и делает процесс создания писем гибким.
Мы покажем принцип работы модулей и их преимущества на примере использования модулей в процессе редизайна писем Stripo.
Задача: ускорить создание писем с помощью нового фирменного дизайна с использованием модулей
После обновления дизайна сайта и других визуальных материалов мы перешли к одному из важнейших этапов — внедрению нового фирменного дизайна во все типы писем: рекламные, триггерные и новостные.
Сделать письма более интересными для подписчиков было непросто, поскольку некоторые блоки могут меняться в разных письмах. Они отличаются деталями, но должны сохранять основную концепцию бренда.
Email-маркетолог принимает непосредственное участие в подготовке писем для клиентов Stripo. Кроме того, отдельные письма рассылаются напрямую нашими отделами, например, письма для аффилиатной программы и письма для HR.
Мы решили использовать модульную архитектуру, чтобы быстро внедрить все обновленные элементы в серию писем.
В решении этой задачи приняли участие email-маркетолог, продуктовый маркетолог и email-дизайнер, отвечающие за весь визуальный образ наших материалов, а также представители бизнес-юнитов. Весь процесс командной работы мы разделили на этапы. Каждый из них имел свой результат.
Как выглядит процесс командной работы при создании и использовании модулей?
Вот как выглядит процесс использования модулей email-маркетологом:
- Email-маркетолог составляет для дизайнера бриф и задачу.
- Дизайнер и продуктовый маркетолог создают в Figma верстку для всех типов писем.
- Email-маркетолог, используя верстку, создает кастомные блоки в редакторе Stripo и сохраняет их в виде модулей.
- Далее email-маркетолог использует модули для создания промо-кампаний, триггерных писем и новостных рассылок.
- Бизнес-юнитам предоставляются уже подготовленные модули, на основе которых они составляют свои письма в редакторе.
Теперь поговорим о каждом из этих этапов более подробно.
Этап 1: бриф и задача для дизайнера
На этом этапе email-маркетинг подготовил для дизайнера подробный бриф, в котором показал, какие письма ему нужны, кто их будет получать, при каких условиях и чем они могут отличаться. Он также показал примерную структуру каждого типа письма, чтобы дизайнер мог продумать необходимые блоки.
Благодаря этому этапу дизайнер и PMM получили всю необходимую информацию для создания верстки писем.
Этап 2: дизайн верстки
Все должно быть выполнено в стиле бренда: весь визуал, чтобы пользователь наглядно воспринимал одинаковые элементы на сайте и в письмах. Поэтому в разработке дизайна маркетинговых материалов всегда участвуют продуктовый маркетолог и дизайнер.
Они продумали структуру писем, дизайн каждого элемента, а также вариации, которые могут быть использованы для того, чтобы сделать письма более интересными для читателей.
При редизайне мы всегда стараемся оставаться в рамках бренда, но в то же время делаем сегментацию контента цветом. В этом нам очень помогает возможность использования модулей.
Алина Гридина,
Для создания возможности легкого комбинирования модулей и выбора подходящих вариантов под задачи конкретного письма дизайнер дал такие рекомендации:
- разработка нескольких вариантов хедеров — только с логотипом и со ссылкой для перехода в аккаунт;
- новый брендированный футер — черный с иконками всех соцсетей;
- использование одного символа для буллитов — в блоке и во всех письмах;
- единый формат подписи письма для всех отправителей из Stripo;
- сегментация контента с помощью цвета: красный — для писем с уведомлениями о проблемах, синий — для писем о подписке и тарифах, зеленый — для других писем, черный и белый — для кейсов;
- кнопки CTA также могут быть выполнены в трех цветах — черном, белом и синем — и отражать важность каждого призыва к действию.
Так выглядит доска в Figma, содержащая все возможные варианты писем из Stripo:
Благодаря этому этапу email-маркетологу не нужно ничего изобретать в дальнейшем: он просто берет все прописанные дизайнером параметры, учитывает правильную композицию письма, отображение в десктопной и мобильной версиях и многое другое.
Этап 3: создание блоков и модулей
Email-маркетолог получает от дизайнера верстку всех писем, все варианты блоков, рекомендации по их использованию и комбинации. Таким образом, у него всегда есть примеры сочетания модулей в зависимости от типа письма.
Далее он набрасывает первое письмо в редакторе Stripo. На этом этапе задача email-маркетолога состоит в том, чтобы создать шаблон письма, настроить в нем кастомные блоки и прописать в Figma все заданные для каждого блока параметры.
Вот как выглядит верстка в Figma — шрифты, цвета, расстановка — все точно соответствует заданным параметрам:
А вот так выглядит письмо в редакторе Stripo:
Подготовка первого шаблона письма с созданием всех блоков обычно занимает 2-2,5 часа. Затем email-маркетолог сохраняет все настроенные блоки в виде модулей, и в дальнейшем работа над каждым письмом идет быстрее.
Что необходимо сделать на данном этапе, чтобы модули помогли сэкономить время в будущем
1. Создать различные версии каждого элемента письма
С помощью модульной архитектуры мы можем сделать несколько версий одного и того же блока, сохранить их как модули и использовать нужную версию.
Например, наш хедер различается для триггерных писем, дайджестов и аффилиатных писем. Я сохранил все варианты в виде модулей и, точно зная, какое письмо я начинаю создавать, использовал подходящий модуль.
Александр Деев,
Вот пример хедера для писем с дайджестом:
А этот — для триггерных писем:
В промо-письмах футер растягивается на всю ширину экрана, в триггерных письмах он узкий. Чтобы не создавать их каждый раз заново, выберите нужный из сохраненных модулей.
2. Создать удобный фильтр по модулям
Все модули собраны в секции — хедеры, футеры, первые экраны, информационные блоки, посты в блогах и т. д. И когда email-маркетолог собирает письмо, он просто перемещается по этим рубрикам.
При сохранении новых модулей мы можем назначить каждому блоку фильтр, добавить тег и описание (например, «использовать этот хедер в триггерных письмах»), и тогда его будет легко найти.
Это значительно облегчает дальнейшую работу, особенно когда над письмами работают несколько человек.
3. Воспользоваться smart-модулями
Для анонсов статей в нашем блоге удобно использовать созданный smart-модуль. Он выполнен в фирменном дизайне, с заданным количеством букв в заголовке и описании. Вся информация подтягивается автоматически после добавления нужной ссылки.
Для анонсов статей нашего блога в дайджесте у меня уже создан smart-модуль — сделан в нашем дизайне, и я могу просто добавить ссылку — все остальное Stripo подтягивает автоматически.
Александр Деев,
Вот как выглядит работа со smart-модулем:
4. Синхронизировать модули для массового редактирования
Основные модули синхронизированы для массового редактирования, что экономит время. Вы можете массово обновлять дизайн или данные в модулях, изменяя только один из них, после их синхронизации. Изменив один модуль, можно автоматически обновить все существующие письма.
Например, возникла необходимость добавить в футер социальную сеть TikTok, которой раньше там не было. Понятно, что в новых письмах мы добавили новый футер, но во всех сохраненных триггерных письмах, приветственных сериях и других мы просто добавили в готовый модуль, синхронизировали с другими, и информация обновилась. Та же история ждет теперь и с заменой нового логотипа Twitter — два клика, и все готово.
Александр Деев,
Посмотрите, как можно использовать сквозные модули для массового редактирования:
5. Использовать интерактивные модули
Email-маркетолог использует эту функциональность для создания интерактивного опроса или добавления геймификации, например, интерактивных предсказаний, о которых мы поговорим в следующем примере.
Этап 4: Порядок работы email-маркетолога при использовании модульного дизайна писем
Вот как выглядит процесс использования модулей email-маркетологом:
- открываем пустой шаблон;
- определяем тип письма и выясняем, каким должен быть его контент;
- исходя из этого, выбираем необходимые блоки: хедер, футер, первый экран, статьи блога, подпись;
- изменяем информацию.
Таким образом, за 30 минут создается письмо, отвечающее всем требованиям целостности бренда.
Все модули доработаны, сохранены в соответствующих секциях и готовы к дальнейшему использованию. В smart-модули добавлен необходимый код, программисты подготовили интерактивные модули, а все модули, повторяющиеся в массовых письмах, синхронизированы.
Этап 5: использование модулей бизнес-юнитами Stripo
Модульная архитектура помогает email-маркетологу и уполномоченным бизнес-юнитам самостоятельно осуществлять рассылку, например уникальную серию писем для аффилиатных партнеров.
Чтобы не нагружать электронную почту маркетолога, мы использовали наш редактор и модульную архитектуру писем:
- Разработали письма.
- Сделали их в Stripo и сохранили в модулях: хедер, блоки с информацией, подпись, форма обратной связи, футер.
- Affiliate-менеджер получил доступ к этим проектам в редакторе и затем продолжил работу с шаблоном, добавляя необходимые тексты и копируя модули для дополнения структуры.
Все последующие дайджесты affiliate-менеджер готовит с использованием сохраненных модулей. Кроме того, affiliate-менеджер может использовать некоторые модули, разработанные для новостного дайджеста, для обновления онбординг-серии.
Для меня использование модульной архитектуры значительно экономит время при создании дайджестов — все сложные элементы уже собраны, остается только добавить контент. Я могу готовить письма без привлечения дизайнера и email-маркетолога, а значит, более эффективно.
Алексей Петухов,
Вот еще один пример того, как HR-отдел экономит время, используя модульную архитектуру для создания писем.
Результаты для всех участников процесса
Все участники данного кейса отметили, что использование модулей упрощает процесс разработки письма, сокращает время и позволяет не беспокоиться о том, что что-то будет сделано неправильно или не будет соответствовать стандартам бренда.
Мы попросили Александра Деева, email-маркетолога компании Stripo, подсчитать время, которое он тратит на подготовку новых писем, и сравнить его со временем подготовки до использования модулей.
Результат измерения времени для создания письма с дайджестом: 27-30 минут вместо 2 часов.
Команда Stripo может создать, закодить или перекодить для вас кастомные шаблоны писем и наборы модулей, если у вас есть основной брендбук, где обозначены цвета и шрифты. Вы получаете 2-3 хедера, футера, блоки контента, карточки товаров и т. д., которые мы загружаем в библиотеку модулей в вашем аккаунте. Затем нужные модули используются для создания писем.
В завершение
Мы всегда настаиваем на том, что цель Stripo — ускорение создания писем, чтобы маркетологи могли заниматься маркетингом, а не кодированием. И модульная архитектура является неотъемлемой частью этого процесса.
Вот несколько ключевых моментов, которые помогли нам внедрить использование модулей в процесс создания писем и оптимизировать время email-маркетологов:
- наличие брендбука со всеми утвержденными фирменными цветами и шрифтами — вы можете использовать опцию Stripo Brand Guidelines для создания набора Brand Guidelines вашего бренда менее чем за 1 минуту;
- понимание структуры различных типов писем и их особенностей;
- слаженная работа команды — дизайнера, продуктового маркетолога, email-маркетолога, представителей бизнес-юнитов;
- простой в использовании функционал Stripo позволяет создавать и легко сохранять готовые модули, распределять их по секциям, «фиксировать» дизайн или данные, а также синхронизировать модули для массового редактирования.
В результате все эти пункты позволили ускорить создание писем, делегировать часть функций по составлению писем бизнес-юнитам и придерживаться фирменного стиля в каждом письме.
0 комментариев