Інноваційне рішення для MarTech індустрії

У сучасному світі цифрового маркетингу Reteno посідає вагоме місце серед провідних гравців MarTech індустрії. Платформа забезпечує омніканальну комунікацію через 8 різних каналів взаємодії з користувачами, обслуговуючи великі продуктові компанії з 23 країн світу.

Push-сповіщення залишаються одним із найефективніших каналів взаємодії з користувачами. Проте створення якісних рекламних кампаній вимагає від маркетологів значних зусиль:

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

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

• Значні часові витрати на підготовку матеріалів
• Ризик людської помилки при налаштуванні
• Складність одночасної роботи з різними сегментами аудиторії
• Обмежена можливість швидкого масштабування

Враховуючи виявлені обмеження, постала необхідність розробки системи, яка:

• Автоматизувала процес створення рекламних кампаній
• Використовувала можливості штучного інтелекту (OpenAI API)
• Потребувала мінімального введення даних від користувача
• Генерувала повноцінні кампанії за лічені хвилини
• Забезпечувала гнучкість процесу через можливість користувацького втручання та модифікації параметрів на будь-якому етапі створення кампанії

Мета проєкту: трансформувати складний багатоетапний процес створення рекламних кампаній у просту автоматизовану систему, де єдиним вхідним параметром є вибір цільового застосунку.

У замовника було чітке розуміння по структурі сторінки, а таком ми мали дизайн систему з якою треба було працювати. Нашою задачею було створити сучасний та зручний дизайн додатку

Було кілька ітерацій дизайну і на кожному етапі ми проводили тестування по зручності роботи із застосунком в середині нашої команди. На 4 ітерації ми вже зупинились на фінальному макеті, який залишалось адаптувати під мобільні пристрої

Також були створені компоненти всіх можливих станів push-повідомлень для IOS та Android. І промальовані всі стани для елементів, які будуть взаємодіяти з користувачами

На початковому етапі розробки було ідентифіковано два критичні виклики, які могли суттєво вплинути на успішність проєкту:

1. Ризики архітектурних рішень

Неоптимальна архітектура системи могла призвести до:

• Ускладнення подальшого масштабування
• Неможливості гнучкого додавання нових функціональних модулів
• Зростання технічного боргу
• Зниження продуктивності при збільшенні навантаження
• Складнощів з підтримкою та оновленням системи

2. Виклики клієнт-серверної взаємодії

Розробка з нуля обох частин системи вимагала особливої уваги до:

• Коректності специфікації OpenAPI
• Валідації форматів запитів та відповідей
• Узгодженості контрактів між фронтендом та бекендом
• Оптимізації швидкодії API-взаємодії

Критичні вимоги до архітектури

Для запобігання потенційним проблемам, система мала відповідати наступним критеріям:

• Модульність: можливість незалежного розвитку та оновлення компонентів
• Масштабованість: здатність до горизонтального та вертикального розширення
• Гнучкість: адаптивність до змін бізнес-вимог
• Підтримуваність: чиста та зрозуміла кодова база

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

Підтримка з боку замовника. Варто відзначити конструктивний підхід замовника до процесу розробки: було досягнуто повного розуміння щодо важливості ретельного опрацювання архітектурних та концептуальних питань на початковому етапі. Це створило сприятливі умови для якісної реалізації проєкту.

Під час роботи над архітектурними рішеннями було розпочато frontend-розробку:

• Створення UI-компонентів
• Реалізація всіх можливих станів інтерфейсу
• Розробка адаптивної верстки
• Імплементація базової взаємодії між компонентами

Методологія розробки

Було обрано ітеративний підхід до розробки, що передбачав:

• Створення мінімально життєздатного продукту (MVP)
• Поступове нарощування функціоналу
• Валідацію кожного етапу з замовником
• Можливість швидкого внесення змін на основі зворотного зв'язку

Перша ітерація (PoC)

В рамках першої ітерації було реалізовано базовий функціонал:

Результат

• Створення одиночного push-повідомлення як демонстрація концепції
• Валідація коректності згенерованого контенту
• Підтвердження життєздатності обраного підходуя мінімально життєздатного продукту (MVP)

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

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

• Створення UI-компонентів
• Реалізація всіх можливих станів інтерфейсу
• Розробка адаптивної верстки
• Імплементація базової взаємодії між компонентами

Технічні виклики та рішення. Оптимізація генерації контенту:

• Вдосконалення промптів для OpenAI задля отримання більш релевантних результатів
• Впровадження асинхронної обробки та розумного кешування для прискорення відгуку системи
• Реалізація механізму паралельної генерації елементів кампанії

Інноваційний користувацький інтерфейс:

Дизайнерське рішення передбачало створення унікального інтерактивного представлення кампанії через:

Особливу складність представляла реалізація динамічного масштабування елементів інтерфейсу, враховуючи що:

• Кожне push-повідомлення могло містити різний обсяг контенту
• Кількість повідомлень у кампаніях варіювалася
• Ланцюжок мав відображатися гармонійно незалежно від складності структури

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

На цьому етапі розробки фокус змістився на надання користувачам більшої гнучкості у налаштуванні параметрів генерації рекламних кампаній і були впроваджені можливості кастомізації

Редагування метаданих застосунку. Крок №2 застосунку:

• Зміна категорії додатку (App Category)
• Коригування природної частоти використання (Natural Frequency)
• Налаштування основного об'єкту застосунку (Main App Object)
• Модифікація головної дії застосунку (Main App Action)

Гнучкість вибору

Технічна реалізація. Система генерації контенту:

• Створення динамічних промптів, що враховують всі користувацькі зміни
• Реалізація механізму оновлення контенту при зміні будь-якого параметру
• Впровадження логіки залежностей між параметрами та результатами генерації

Інтерфейс редагування:

• Розробка інтуїтивних форм для модифікації параметрів
• Реалізація миттєвого preview змін
• Впровадження системи валідації користувацького вводу

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

Новий етап розробки зосередився на розширенні користувацького контролю над параметрами монетизації та вдосконаленні процесу генерації кампаній.

Налаштування монетизації. Крок №3 застосунку

Впроваджено гнучке керування параметрами монетизації застосунку:

• Внутрішні покупки (In-app purchases)
• Системи підписок (Subscriptions)
• Одноразові транзакційні покупки (One-time purchases)
• Пробний період підписок (Trial period)
• Freemium-модель з обмеженим функціоналом

Система автоматично отримує ці дані з магазинів додатків, але користувач може їх модифікувати відповідно до власних потреб.

Реалізовано механізм повторної генерації

• Можливість повернення до будь-якого кроку налаштування
• Миттєва регенерація кампанії після внесення змін
• Збереження історії попередніх налаштувань
• Швидка зміна сегментів аудиторії

Вдосконалення візуалізації. Реалізовано нативне відображення push-повідомлень

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

Вдосконалена система керування функціями застосунку:

• Редагування базових 5 функцій, що автоматично отримуються з магазину
• Можливість видалення неактуальних функцій
• Додавання власних користувацьких функцій
• Вибір із запропонованого каталогу додаткових функцій

Технічна реалізація:

• Впровадження серверного зберігання користувацьких налаштувань
• Динамічне оновлення промптів відповідно до модифікованих функцій
• Реалізація валідації користувацького вводу

Функціонал спільної роботи. Впроваджено систему шерингу:

• Генерація унікальних посилань на проєкт
• Збереження всіх користувацьких модифікацій
• Синхронізація змін між користувачами в реальному часі
• Можливість колаборативної роботи над рекламною кампанією

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

Проведено комплексну перевірку системи:

• Інтеграційне тестування всіх компонентів
• Навантажувальне тестування серверної частини
• Перевірка користувацьких сценаріїв
• Крос-браузерне тестування
• Валідація генерованого контенту

Спільне тестування з командою замовника:

• Верифікація відповідності бізнес-вимогам
• Перевірка користувацького досвіду
• Фіналізація процесів генерації контенту
• Оптимізація продуктивності системи

За чотири місяці інтенсивної розробки команді вдалося трансформувати складний процес створення рекламних кампаній у інтуїтивно зрозумілий та захопливий користувацький досвід. Найціннішим підтвердженням успіху стали схвальні відгуки перших користувачів системи, які відзначили:

• Суттєве скорочення часу на створення кампаній
• Зручність та інтуїтивність інтерфейсу
• Високу якість згенерованого контенту
• Гнучкість налаштувань системи

• Довіра клієнта до реалізації складних технічних завдань
• Постійний потік інноваційних ідей для впровадження
• Взаєморозуміння на всіх рівнях взаємодії

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