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 конструктор листів.