Инновационное решение для индустрии MarTech
Индустрия:
MarTech, IT
Клиент:
Продуктовая технологіческая компания Reteno
Цель
Приложение для пресейла, mvp
Год:
2024
Предпосылки
В современном мире цифрового маркетинга Reteno занимает значительное место среди ведущих игроков индустрии MarTech. Платформа обеспечивает многоканальную коммуникацию по 8 различным каналам взаимодействия с пользователями, обслуживая крупные продуктовые компании 23 стран мира.
Push-уведомления остаются одним из самых эффективных каналов взаимодействия с пользователями мобильных приложений. Однако создание качественных рекламных кампаний требует значительных усилий со стороны маркетологов:
- Разработка релевантного контента для разных сегментов
- Настройка параметров таргетинга
- Планирование времени отправки
- Создание вариаций сообщений
Ручной процесс создания рекламных кампаний имеет ряд ограничений:
- Значительные временные затраты на подготовку материалов
- Риск человеческой ошибки при настройке
- Сложность одновременной работы с разными сегментами аудитории
- Ограниченная возможность быстрого масштабирования
Ключевые задачи
MVP
PoC
редизайн
Услуги:
UX|UI дизайн, api communication, client-server logic, app development, Webflow development
Инструменты и технологии:
Figma, Webflow, OpenAPI (Swagger), API OpenAI
Задача
Учитывая выявленные ограничения, возникла необходимость в разработке системы, которая:
- Автоматизировала процесс создания рекламных кампаний
- Использовала возможности искусственного интеллекта (API OpenAI)
- Требовала минимальный ввод данных от пользователя
- Генерировала полноценные кампании за считанные минуты
- Обеспечивала гибкость процесса за счет возможности вмешательства пользователя и изменения параметров на любом этапе создания кампании
Цель проекта: превратите сложный многоэтапный процесс создания рекламных кампаний в простую автоматизированную систему, где единственным входным параметром является выбор целевого приложения.
Решение
Мы использовали многоэтапный подход к решению проблем
Дизайн
UX/UI дизайн
Заказчик четко понимал структуру страницы и у нас была готовая дизайн- система, с которой нам пришлось работать. Нашей задачей было создать современный и удобный дизайн приложения
Было несколько итераций дизайна, и на каждом этапе мы проводили тестирование удобства его использования внутри команды. После 4 итерации мы остановились на окончательном макете, который оставалось адаптировать под мобильные устройства
Также были созданы компоненты всех возможных состояний push-уведомлений для IOS и Android. И нарисованы все состояния элементов, которые будут взаимодействовать с пользователями




4 итерации дизайна

Компоненты всех возможных состояний push-уведомлений для IOS и Android
Разработка
Начало разработки
На начальном этапе разработки были выявлены две критические проблемы, которые могут существенно повлиять на успех проекта:
1. Риски архитектурных решений
Неоптимальная архитектура системы могла привести к:
- Сложности дальнейшего масштабирования
- Невозможности гибкого добавления новых функциональных модулей
- Росту технического долга
- Снижению производительности при увеличении нагрузки
- Трудности обслуживания и обновления системы
2. Трудности клиент-серверного взаимодействия
При разработке с нуля обеих частей системы особое внимание уделялось следующим вопросам:
- Корректность спецификации OpenAPI
- Валидация форматов запросов и ответов
- Согласованность контрактов между фронтендом и бэкендом
- Оптимизация производительности API-взаимодействия
Критические требования к архитектуре
Чтобы предотвратить потенциальные проблемы, система должна была соответствовать следующим критериям:
- Модульность: возможность независимого развития и обновления компонентов
- Масштабируемость. Возможность расширения по горизонтали и вертикали
- Гибкость: адаптивность к меняющимся требованиям бизнеса
- Поддерживаемость: чистая и понятная кодовая база
Такой комплексный подход к анализу потенциальных рисков на стадии проектирования позволил заложить прочную основу для создания эффективного решения.
Поддержка со стороны клиента. Стоит отметить конструктивный подход заказчика к процессу разработки: было достигнуто полное понимание важности проектирования архитектуры и решения концептуальных вопросов на начальном этапе. Это создало благоприятные условия для качественной реализации проекта.



Разработка
Первая итерация приложения
Во время работы над архитектурными решениями была начата разработка фронтенда:
- Создание UI-компонентов
- Реализация всех возможных состояний интерфейса
- Разработка адаптивной верстки
- Имплиментация базового взаимодействия между компонентами
Методология разработки
Был выбран итеративный подход к разработке, который предусматривал:
- Создание минимально жизнеспособного продукта (MVP)
- Постепенное расширение функциональности
- Валидация каждого этапа с заказчиком
- Возможность быстрого внесения изменений на основе фидбека клиента
Первая итерация (PoC)
В рамках первой итерации была реализована базовая функциональность:
Интеграция с магазинами приложений:
- Внедрение поиска в App Store и Google Play Market
- Автозаполнение при вводе имени приложения
- Получение метаданных выбранного приложения
Взаимодействие с OpenAI:
- Интеграция с OpenAI API
- Генерация контента для всех этапов создания кампании
- Автоматическое заполнение полей на каждом из 5 этапов формирования
Результат
- Создание единого push-уведомления в качестве демонстрации концепции
- Проверка корректности сгенерированного контента
- Подтверждение жизнеспособности выбранного подхода для MVP
Этот этап стал основой для дальнейшего развития проекта и подтвердил правильность выбранной архитектуры и технических решений.
Шаг № 1. Тут можно выбрать любое приложение из AppStore. Вставить ссылку на него или найти с помощью интеллектуального поиска
Итерация №2
От одиночных сообщений до комплексных кампаний
Следующим этапом стало превращение прототипа в систему для генерации полноценных рекламных кампаний. Ключевая задача заключалась не в генерации нескольких push-уведомлений, а в создании быстрого и интуитивно понятного интерфейса для работы с ними.
Технические проблемы и решения. Оптимизация генерации контента:
- Улучшение промптов для OpenAI для получения более релевантных результатов
- Внедрение асинхронной обработки и интеллектуального кэширования для ускорения реагирования системы
- Внедрение механизма параллельной генерации элементов кампании
Инновационный пользовательский интерфейс:
Дизайнерское решение включало создание уникального интерактивного представления кампании с помощью:
Многослойный слайдер с эффектом наложения push-уведомлений
Визуализация нелинейной цепочки кампаний с быстрой навигацией
Адаптивное отображение контента разных объемов
Особую сложность представляла реализация динамического масштабирования элементов интерфейса, учитывая, что:
- Каждое push-сообщение может содержать разное количество контента
- Количество сообщений в кампаниях варьировалось.
- Цепочка должна была быть гармонично отображена независимо от сложности структуры
Успешное решение этих задач позволило перейти к следующему этапу разработки, сохранив баланс между функциональностью и эстетикой интерфейса.
Итерация №3
Расширение пользовательского контроля
На данном этапе разработки основное внимание переключилось на предоставление пользователям большей гибкости в настройке параметров генерации рекламных кампаний и внедрены возможности кастомизации.
Редактирование метаданных приложения (шаг № 2 приложения):
- Изменение категорию приложения (App Category)
- Регулировка естественной частоты использования (Natural Frequency)
- Настройка основного объекта приложения (Main App Object)
- Изменение основного действия приложения (Main App Action)
Гибкость выбора
Возможность замены целевого приложения без потери настроек
Динамическая сегментация аудитории в соответствии с уровнем вовлеченности (лояльности) пользователей
Техническая реализация. Система генерации контента:
- Создание динамических промптов, учитывающие все изменения
- Реализация механики обновления контента при изменении параметров
- Реализация логики зависимостей между параметрами и результатами генерации
Интерфейс редактирования:
- Разработка интуитивных форм для модификации параметров
- Внедрение мгновенные изменений предварительного просмотра
- Внедрение системы валидации пользовательского ввода
Все реализованные функции органично интегрированы в существующий интерфейс, сохраняя скорость и простоту использования системы.
Шаг номер 2. Все данные извлекаются из AppStore, но пользователь может изменить что угодно. Категория, частота использования, основной объект и действие приложения
Итерация №4
Расширение возможностей монетизации и регенерации
Новый этап разработки был направлен на расширение контроля пользователей над параметрами монетизации и улучшение процесса генерации кампаний.
Настройки монетизации (шаг № 3 приложения).
Реализовано гибкое управление параметрами монетизации приложения:
- Покупки в приложении (In-app purchases)
- Системы подписки (Subscriptions)
- Одноразовые покупки (One-time purchases)
- Пробный период подписок (Trial period)
- Модель Freemium с ограниченной функциональностью
Система автоматически получает эти данные из магазинов приложений, но пользователь может изменять их в соответствии со своими потребностями.
Реализован механизм повторной генерации
- Возможность вернуться к любому шагу настройки
- Мгновенная регенерация кампании после внесения изменений
- Сохранение истории предыдущих настроек
- Быстрая смена сегментов аудитории
Улучшение визуализации. Реализовано встроенное отображение push-уведомлений
Точное воспроизведение стиля iOS
Точное воспроизведение стиля Android
Автоматическое применение системных шрифтов и отступов
Эти улучшения значительно расширили функциональность платформы, сохранив при этом простоту и интуитивность использования.
Шаг номер 3. Варианты выбора монетизации приложения
Итерация №5
Расширенная кастомизация и функционал совместной работы. Расширение функций App Features
Усовершенствованная система управления функциями приложений:
- Редактирование 5 основных функций, автоматически извлекаемых из магазина
- Возможность удаления нерелевантных функций
- Добавление своих собственных функций
- Выбор из предложенного каталога дополнительных функций
Техническая реализация:
- Реализация серверного хранения пользовательских настроек
- Динамическое обновление промптов, в соответствии с измененными функциями
- Внедрение валидации пользовательского ввода
Функциональность совместной работы. Внедрена система совместного использования:
- Генерация уникальных ссылки на проекты
- Сохранение всех пользовательских модификаций
- Синхронизация изменений между пользователями в реальном времени
- Возможность совместной работы над рекламной кампанией
Успешное завершение этих итераций позволило создать надежный, функциональный и удобный инструмент для автоматизации создания рекламных кампаний.
Шаг номер 4. Редактируйте, удаляйте и добавляйте функции приложения
Тестирование
Финальное тестирование
Была проведена комплексная проверка системы:
- Интеграционное тестирование всех компонентов
- Нагрузочное тестирование серверной части
- Проверка пользовательских скриптов
- Кроссбраузерное тестирование
- Валидация сгенерированного контента
Совместное тестирование с командой заказчика:
- Проверка соответствия требованиям бизнеса
- Тестирования пользовательского опыта
- Финализация процессов генерации контента
- Оптимизация производительности системы
Шаг номер 5. Выбираем аудиторию, для которой будет создана РК
Завершение проекта
Результаты внедрения
За четыре месяца интенсивной разработки команде удалось превратить сложный процесс создания рекламных кампаний в интуитивно понятный и интересный пользовательский опыт. Самым ценным подтверждением успеха стали положительные отзывы первых пользователей системы, которые отметили:
- Значительное сокращение времени на создание кампаний
- Удобство и интуитивно понятный интерфейс
- Высокое качество генерируемого контента
- Гибкость системных настроек
Последний шаг № 6. Выводим сгенерированную РК для пользователя
Развитие сотрудничества
Успешная реализация проекта и налаженная синергия между командами студии и клиентом стали основой для дальнейшего плодотворного сотрудничества. Особенно вдохновляют:
- Уверенность клиентов в выполнении сложных технических задач
- Постоянный поток инновационных идей для реализации
- Взаимопонимание на всех уровнях взаимодействия
Этот проект стал ярким примером того, как технический опыт и открытость к инновациям создают продукт, опережающий время и устанавливающий новые стандарты в отрасли.
Команда Ambi ответственна, квалифицирована и быстра. Мы можем доверять им так же, как и нашим сотрудникам
Ambi спроектировала и разработала корпоративный веб-сайт для платформы обмена сообщениями с искусственным интеллектом. Команда создала целевые страницы, блог, специальные инструменты и обеспечила техническую поддержку сайта.
Амби выполнила работу в соответствии с планом. Команда превзошла ожидания заказчика по скорости и качеству проектирования и разработки. Ответственная и квалифицированная, своевременно добивалась результатов на каждом этапе проекта