modules-case
22 сентября 2023

Кейс: как Stripo использует модули для ускорения процессов email-маркетинга

Алина Самульская-Холина
Александр Деев
Александр Деев Email marketing specialist в Stripo
Оглавление
  1. Что представляют собой модули в редакторе Stripo?
  2. Задача: ускорить создание писем с помощью нового фирменного дизайна с использованием модулей
  3. Этап 1: бриф и задача для дизайнера
  4. Этап 2: дизайн верстки
  5. Этап 3: создание блоков и модулей
  6. Этап 4: Порядок работы email-маркетолога при использовании модульного дизайна писем
  7. Этап 5: использование модулей бизнес-юнитами Stripo
  8. Результаты для всех участников процесса
  9. В завершение
1.
Что представляют собой модули в редакторе Stripo?

Работаете в сфере email-маркетинга и мечтаете о сокращении времени на выполнение операционных задач, таких как создание регулярных писем, чтобы оставалось больше времени для идей, стратегий и креатива? Мы в Stripo понимаем вас и знаем, как это сделать, потому что сами прошли через это и сумели снизить затраты времени email-маркетолога на создание письма с 2,5 часов до 30 минут.

Модульная архитектура редактора Stripo помогла нам решить эту проблему. Читайте, как это получилось, в данном кейсе.

Что представляют собой модули в редакторе Stripo?

Модульная система — это возможность использовать сохраненные независимые блоки контента писем, в которых уже присутствуют все необходимые параметры (шрифты, цвета) и, если необходимо, элементы программного кода. Можно создавать и сохранять в библиотеке редактора любое количество различных вариантов модулей для разных частей письма (хедера, футера, карточки товара и т. д.).

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

Мы покажем принцип работы модулей и их преимущества на примере использования модулей в процессе редизайна писем Stripo.

Вам также может понравиться

Модульный или кастомный email-дизайн: что лучше в 2023 году?

Задача: ускорить создание писем с помощью нового фирменного дизайна с использованием модулей

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

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

Email-маркетолог принимает непосредственное участие в подготовке писем для клиентов Stripo. Кроме того, отдельные письма рассылаются напрямую нашими отделами, например, письма для аффилиатной программы и письма для HR.

Мы решили использовать модульную архитектуру, чтобы быстро внедрить все обновленные элементы в серию писем.

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

Как выглядит процесс командной работы при создании и использовании модулей?

Вот как выглядит процесс использования модулей email-маркетологом:

  1. Email-маркетолог составляет для дизайнера бриф и задачу.
  2. Дизайнер и продуктовый маркетолог создают в Figma верстку для всех типов писем.
  3. Email-маркетолог, используя верстку, создает кастомные блоки в редакторе Stripo и сохраняет их в виде модулей.
  4. Далее email-маркетолог использует модули для создания промо-кампаний, триггерных писем и новостных рассылок.
  5. Бизнес-юнитам предоставляются уже подготовленные модули, на основе которых они составляют свои письма в редакторе.

Теперь поговорим о каждом из этих этапов более подробно.

Этап 1: бриф и задача для дизайнера

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

Благодаря этому этапу дизайнер и PMM получили всю необходимую информацию для создания верстки писем.

Этап 2: дизайн верстки

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

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

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

Алина Гридина,

Алина Гридина,

product marketing manager в Stripo.

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

  • разработка нескольких вариантов хедеров — только с логотипом и со ссылкой для перехода в аккаунт;
  • новый брендированный футер — черный с иконками всех соцсетей;
  • использование одного символа для буллитов — в блоке и во всех письмах;
  • единый формат подписи письма для всех отправителей из Stripo;
  • сегментация контента с помощью цвета: красный — для писем с уведомлениями о проблемах, синий — для писем о подписке и тарифах, зеленый — для других писем, черный и белый — для кейсов;
  • кнопки CTA также могут быть выполнены в трех цветах — черном, белом и синем — и отражать важность каждого призыва к действию.

Так выглядит доска в Figma, содержащая все возможные варианты писем из Stripo:

Примеры всех типов писем в Figma

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

Этап 3: создание блоков и модулей

Email-маркетолог получает от дизайнера верстку всех писем, все варианты блоков, рекомендации по их использованию и комбинации. Таким образом, у него всегда есть примеры сочетания модулей в зависимости от типа письма.

Далее он набрасывает первое письмо в редакторе Stripo. На этом этапе задача email-маркетолога состоит в том, чтобы создать шаблон письма, настроить в нем кастомные блоки и прописать в Figma все заданные для каждого блока параметры.

Вот как выглядит верстка в Figma — шрифты, цвета, расстановка — все точно соответствует заданным параметрам:

Примеры верстки писем в Figma

А вот так выглядит письмо в редакторе Stripo:

Пример письма после редизайна

Подготовка первого шаблона письма с созданием всех блоков обычно занимает 2-2,5 часа. Затем email-маркетолог сохраняет все настроенные блоки в виде модулей, и в дальнейшем работа над каждым письмом идет быстрее.

Что необходимо сделать на данном этапе, чтобы модули помогли сэкономить время в будущем

1. Создать различные версии каждого элемента письма

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

«Например, наш хедер различается для триггерных писем, дайджестов и аффилиатных писем. Я сохранил все варианты в виде модулей и, точно зная, какое письмо я начинаю создавать, использовал подходящий модуль»

Александр Деев,

Александр Деев,

email marketing specialist в Stripo.

Вот пример хедера для писем с дайджестом:

Пример хедера для письма с дайджестом

А этот — для триггерных писем:

Пример хедера для триггерного письма

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

Пример футера для письма с дайджестом

2. Создать удобный фильтр по модулям

Все модули собраны в секции — хедеры, футеры, первые экраны, информационные блоки, посты в блогах и т. д. И когда email-маркетолог собирает письмо, он просто перемещается по этим рубрикам.

При сохранении новых модулей мы можем назначить каждому блоку фильтр, добавить тег и описание (например, «использовать этот хедер в триггерных письмах»), и тогда его будет легко найти.

Как сохранить новые модули

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

3. Воспользоваться smart-модулями

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

«Для анонсов статей нашего блога в дайджесте у меня уже создан smart-модуль — сделан в нашем дизайне, и я могу просто добавить ссылку — все остальное Stripo подтягивает автоматически»

Александр Деев,

Александр Деев,

email marketing specialist в Stripo.

Вот как выглядит работа со smart-модулем:

Пример использования smart-элементов

4. Синхронизировать модули для массового редактирования 

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

«Например, возникла необходимость добавить в футер социальную сеть TikTok, которой раньше там не было. Понятно, что в новых письмах мы добавили новый футер, но во всех сохраненных триггерных письмах, приветственных сериях и других мы просто добавили в готовый модуль, синхронизировали с другими, и информация обновилась. Та же история ждет теперь и с заменой нового логотипа Twitter — два клика, и все готово»

Александр Деев,

Александр Деев,

email marketing specialist в Stripo.

Посмотрите, как можно использовать сквозные модули для массового редактирования:

Как использовать сквозные модули для массового редактирования

5. Использовать интерактивные модули 

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

Пример AMP-опроса 

Этап 4: Порядок работы email-маркетолога при использовании модульного дизайна писем

Вот как выглядит процесс использования модулей email-маркетологом:

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

Таким образом, за 30 минут создается письмо, отвечающее всем требованиям целостности бренда.

Как создать письмо с использованием сохраненных модулей

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

Этап 5: использование модулей бизнес-юнитами Stripo

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

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

  1. Разработали письма.
  2. Сделали их в Stripo и сохранили в модулях: хедер, блоки с информацией, подпись, форма обратной связи, футер.
  3. Affiliate-менеджер получил доступ к этим проектам в редакторе и затем продолжил работу с шаблоном, добавляя необходимые тексты и копируя модули для дополнения структуры.

Пример письма с дайджестом для аффилиатных партнеров

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

Пример триггерного письма для аффилиатных партнеров

«Для меня использование модульной архитектуры значительно экономит время при создании дайджестов — все сложные элементы уже собраны, остается только добавить контент. Я могу готовить письма без привлечения дизайнера и email-маркетолога, а значит, более эффективно»

Алексей Петухов,

Алексей Петухов,

affiliate manager в Stripo.

Вот еще один пример того, как HR-отдел экономит время, используя модульную архитектуру для создания писем.

Результаты для всех участников процесса

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

Мы попросили Александра Деева, email-маркетолога компании Stripo, подсчитать время, которое он тратит на подготовку новых писем, и сравнить его со временем подготовки до использования модулей.

Результат измерения времени для создания письма с дайджестом: 27-30 минут вместо 2 часов.

Команда Stripo может создать, закодить или перекодить для вас кастомные шаблоны писем и наборы модулей, если у вас есть основной брендбук, где обозначены цвета и шрифты. Вы получаете 2-3 хедера, футера, блоки контента, карточки товаров и т. д., которые мы загружаем в библиотеку модулей в вашем аккаунте. Затем нужные модули используются для создания писем.

В завершение

Мы всегда настаиваем на том, что цель Stripo — ускорение создания писем, чтобы маркетологи могли заниматься маркетингом, а не кодированием. И модульная архитектура является неотъемлемой частью этого процесса.

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

  • наличие брендбука со всеми утвержденными фирменными цветами и шрифтами — вы можете использовать опцию Stripo Brand Guidelines для создания набора Brand Guidelines вашего бренда менее чем за 1 минуту;
  • понимание структуры различных типов писем и их особенностей;
  • слаженная работа команды — дизайнера, продуктового маркетолога, email-маркетолога, представителей бизнес-юнитов;
  • простой в использовании функционал Stripo позволяет создавать и легко сохранять готовые модули, распределять их по секциям, «фиксировать» дизайн или данные, а также синхронизировать модули для массового редактирования.

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

Совершенствуйте свой email-маркетинг с помощью модульной архитектуры Stripo
Была ли статья полезна?
Tell us your thoughts
Спасибо за ваш отзыв!
0 комментариев
Тип
Индустрия
Сезоны
Интеграции
Редактор Stripo
Упростите процесс создания писем.
Плагин Stripo
Интегрируйте Drag-n-Drop редактор Stripo в свое веб-приложение.
Заказать шаблон
Наша команда может разработать и сверстать его для вас. Просто заполните бриф, и мы свяжемся с вами в ближайшее время.

Редактор Stripo

Для команд специалистов по email-маркетингу и индивидуальных разработчиков писем.

Плагин Stripo

Для продуктов, которые могут эффективно использовать интегрированный white label конструктор писем.