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

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

Івона Джорджевіч із The Better Creative розповідає про те, як Stripo стала важливою частиною їхнього робочого процесу з розроблення дизайну в галузі email-маркетингу, допомагаючи швидко забезпечувати клієнтів великою кількістю чудових дизайнів листів.

Про компанію The Better Creative Agency

The Better Creative Agency спеціалізується виключно на дизайні та розробці листів. Така вузька спеціалізація була вибрана абсолютно свідомо і народилася з конкретної потреби, що «свербить».

Виявлена проблема

Спочатку компанія The Better Creative була частиною Essence of Email, агенції стратегічного email-маркетингу повного циклу. Essence of Email від самого початку усвідомила, що багато її клієнтів потребують як стратегії, так і її реалізації, а саме розроблення та запуску розсилок для них.

У пошуках оптимального варіанту для дизайну листів команда Essence of Email перевірила безліч комбінацій, як-от:

• фрілансери на замовлення;
• послуги з дизайну «на всі випадки життя»;
• дизайнерські агенції.

Структура агенції, яка стала найкращим вирішенням проблем

Тому 2021 року вони відокремити послуги з дизайну листів як окремий бізнес, і на світ з'явилася компанія The Better Creative. Це дало змогу досягти оптимальної якості послуг обох агенцій, оскільки Essence of Email може зосередитися на стратегії, тоді як потреби в дизайні листів можуть бути легко задоволені The Better Creative.

З того часу команда зросла до 11 осіб:

• 2 senior дизайнери;
• 6 junior дизайнерів;
• 2 QA тестувальники;
• креативний директор.

«Разом із залученням нових клієнтів ми наймаємо і нових дизайнерів, оскільки якість для нас важливіша за кількість».

Івона Джорджевіч, The Better Creative

Команда створює дизайн листів для промо-кампаній, автоматичних листів, листів для блогів, онбординг-ланцюжків, освітніх, пост-продажних і тематичних кампаній.

Основні клієнти агенції діляться на дві категорії:

1. Внутрішня маркетингова команда бренду, яка хоче прискорити розробку, збільшити клікабельність і освіжити дизайн.
2. Інші digital-агенції та агенції email-маркетингу, як-от BellCurve і ForestCityDigital, які хочуть передати розробку дизайну листів на аутсорсинг, щоб домогтися прискорення термінів виконання замовлення, стабільно високої якості та економії коштів.

Близько 60% клієнтів — представники індустрії eCommerce, решта — B2B і SaaS бренди/агенції. Наразі компанія займається розробкою email-дизайну для 20 з гаком постійних клієнтів, і щодня до них приєднуються нові.

Задача: вибір найкращого інструменту для створення листів

Вони вже мали досвід роботи зі стандартними drag-n-drop редакторами в різних ESP, і основною проблемою, з якою вони зіткнулися, була недостатня функціональність вбудованого редактора для створення привабливих і різноманітних листів.

Крім того, оскільки компанія не залежить від платформи email-маркетингу, їй був потрібен єдиний інструмент для зручного експорту дизайну листів до різних клієнтських поштових платформ.

Тому основними критеріями, за якими вони шукали інструмент, були:

• широкий набір функцій, націлених на email-дизайн;
• інструмент, що допомагає істотно підвищити якість дизайну;
• зручність доступу та спільної роботи;
• ідеальна інтеграція з основними платформами email-маркетингу.

Рішення: як Stripo інтегрована в робочі процеси агенцій

Після ретельного пошуку в січні 2021 року агенція зупинила свій вибір на Stripo і відтоді використовує його.

«Ми вивчили деякі інші конструктори, щоб подивитися, що вони змінили з 2021 року, але жоден з них не відповідає рівню Stripo».

Івона Джорджевіч, The Better Creative

Перші тести цього інструменту виявилися доволі обнадійливими. Інтерфейс редактора Stripo виявився досить інтуїтивно зрозумілим, що дало змогу легко почати створення листів. Команда вирішила продовжити інтеграцію Stripo в основний робочий процес дизайну листів. 

Згодом команда створила базу знань, що складається з мануалів, документації та навчальних відеоматеріалів, які допомагають дизайнерам-початківцям у найкоротші терміни опанувати інструмент Stripo.

Робочий процес агенції в дизайні листів

Робочий процес розробки дизайну має вирішальне значення для швидкого та масового створення висококласних листів.

Ось мапа поточної схеми роботи:

Визначення

Ключовим моментом є складання детального креативного брифу для листа на етапі його формулювання. Це зекономить багато роботи на наступних етапах доопрацювання, оскільки перші варіанти дизайну листа будуть набагато ближчими до задуманого результату. 

Клієнти заповнюють типовий бриф, який розглядається креативним директором або senior дизайнером агенції. Якщо завдання досить чітке і детальне, воно передається на етап розробки з внутрішніми коментарями. Інакше в клієнта можуть бути запитані уточнення.

Створення та доопрацювання

Потім дизайнер береться до роботи над першим проєктом в Adobe XD, популярному інструменті графічного дизайну. Після завершення роботи дизайнер відтворює візуальний дизайн у Stripo. Завдяки широкому набору можливостей Stripo цей етап не викликає проблем, і в такий спосіб долається розрив між «сирим» графічним дизайном листа і його оптимальним варіантом.

Після завершення роботи над проєктом у Stripo він проходить етап перевірки дизайну на відповідність креативному брифу. Потім відбувається QA, під час якого перевіряються синтаксичні проблеми та рендеринг, доступність, темний режим і мобільна оптимізація за допомогою Email on Acid (EoA).

Після перевірки QA senior дизайнер також виконає рев'ю дизайну, щоб переконатися, що все логічно з точки зору дизайну. Після того як усе готово, проєкт передається замовнику для отримання зворотного зв'язку.

Stripo добре інтегрована в цей процес, оскільки посилання на Stripo передається всередині компанії та клієнту під час проходження перевірки.

Фінальна перевірка

Після повного схвалення клієнтом проєкту дизайну листа Stripo він проходить фінальну перевірку якості і потім експортується зі Stripo.

Численні інтеграції Stripo з популярними платформами email-маркетингу роблять цей процес дуже простим. Здебільшого агенція працює з Klaviyo і Omnisend, але також співпрацює з багатьма іншими поштовими платформами, як-от SendGrid і SendPulse.

Експорт зазвичай здійснюється просто: достатньо клікнути на кнопку «Експорт» і вибрати заздалегідь інтегрований ESP. Ця функція оптимізує код (мінімізує розмір листа), зберігаючи при цьому якість. У ESP клієнта лист з'являється у вигляді шаблону з аналогічною назвою.

Іноді експортуються варіанти дизайну листа, що дають змогу проводити А/Б спліт-тестування.

Відтак клієнт отримує фінальну тестову версію, надіслану прямо йому на пошту, і повідомлення про те, що лист повністю завантажений і готовий до розсилки!

Ось приклад готового дизайну email-кампанії:

(Джерело: лист від The Better Creative)

Така організація робочого процесу дає змогу кожному учаснику чітко розуміти свої задачі на кожному етапі розробки та бути ефективним. Завдяки цьому команда щомісяця виконує понад 400 дизайнів листів, зокрема кожен дизайнер створює 3-4 листи на день.

Важлива примітка від команди Stripo

Результати: переваги та сильні сторони роботи зі Stripo 

Після впровадження Stripo в робочий процес команда The Better Creative помітила збільшення клікабельності (CTR) і загальне покращення результатів кампанії, здебільшого завдяки розмаїттю контенту і шаблонів, які вони могли використовувати і з якими могли експериментувати.

«Ми значно поліпшили якість листів, просто розширивши кількість можливих дизайнерських прийомів, а слідом за цим покращили і клікабельність».

Івона Джорджевіч, The Better Creative

Stripo також зекономив команді багато часу, легко відтворюючи сирі дизайни листів з високою точністю.

Ключові переваги використання Stripo:

1. Редактор коду дуже простий у використанні, що є величезним плюсом.
2. Мобільна версія оптимізована краще, ніж у різних ESP.
3. У більшості вбудованих у платформи email-маркетингу конструкторів листів потрібно пройти кілька кроків, щоб завантажити зображення, в той час як у Stripo ви можете перетягнути його прямо з комп'ютера в редактор. Одним словом, функції, що дають змогу прискорити виробництво.
4. Набагато більше можливостей для форматування тексту і написів.
5. Функція «Приховати на мобільному» добре працює з Klaviyo та іншими ESP.
6. Наявність окремих модульних блоків шаблону «Блок>Контейнер>Структура>Смуга» — це приголомшливо, бо дає безліч можливостей для налаштування кожного елемента дизайну.

Бонус: ТОП-5 можливостей Stripo з прикладами від The Better Creative Agency

Ось деякі особливості Stripo, які найбільше сподобалися The Better Creative Agency.

1. Окремі закруглення кутів на структурах.

(Джерело: дизайн листа від The Better Creative)

2. Фонові зображення для кожної частини працюють окремо, тому вони можуть вставляти текст на картинку. Вони були вражені простотою та якістю цієї системи.

(Джерело: дизайн листа від The Better Creative)

Ось ще один приклад цього функціоналу:

(Джерело: дизайн листа від The Better Creative)

3. Слайдер для розміру контейнера всередині структури замість того, щоб просто задавати 50/50 або 25/75.

У цьому прикладі показано, як у редакторі Stripo задати користувацький розмір контейнера.

(Джерело: дизайн листа від The Better Creative)

Як приклад можна навести 50/50, який може слугувати для порівняння:

(Джерело: дизайн листа від The Better Creative)

Наведемо приклад з різними кастомними розмірами контейнерів.

(Джерело: дизайн листа від The Better Creative)

4. Чудове мобільне форматування блоків і контейнерів.

Наведемо приклад використання мобільного вирівнювання, міжрядкового інтервалу та відступів.

(Джерело: дизайн листа від The Better Creative)

5. Rollover-ефекти в блоках товарів.

(Джерело: дизайн листа від The Better Creative)

Ось ще один приклад використання rollover-ефекту:

Плани на майбутнє та нові розробки

На сьогодні The Better Creative Agency працює переважно в рамках основних фреймворків дизайну листів. У найближчому майбутньому вони планують розширити впровадження AMP і Google Annotations, оскільки ці функції отримують дедалі більшу підтримку.

На завершення

Ось деякі ключові моменти, які допомогли The Better Creative стати провідною email-дизайн-агенцією і зробили Stripo невід'ємною частиною робочого процесу розроблення листів в агенції:

• постановка задачі клієнтом за допомогою брифу, що містить всю важливу для дизайнера інформацію;
• продуманий робочий процес, у якому все заточено на отримання бездоганного результату;
• широкий функціонал Stripo дає змогу легко реалізувати дизайн у Stripo після роботи з інструментами дизайну;
• використання таких функцій Stripo, як закруглені кути, rollover-ефект, мобільне форматування та інші, дало змогу створювати чудові дизайни листів прямо в редакторі Stripo;
• простий спосіб узгодження з клієнтом, оскільки посилання на Stripo передають всередині компанії і на етапах затвердження клієнту. 

У результаті все це дозволяє прискорити створення великих обсягів якісних email-дизайнів і забезпечити найкращий результат для клієнтів агенції.