Инновационное решение для индустрии 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-взаимодействия

Критические требования к архитектуре

Чтобы предотвратить потенциальные проблемы, система должна была соответствовать следующим критериям:

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

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

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

reteno mobile designreteno mobile designreteno mobile design

Разработка

Первая итерация приложения

Во время работы над архитектурными решениями была начата разработка фронтенда:

  • Создание 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. Выводим сгенерированную РК для пользователя

Понравился кейс?

Забронируйте звонок с одним из основателей студии. За 30 минут он ответит на все ваши вопросы. Возможно, ваш кейс станет следующим!

забукать звонок

забукать звонок

Развитие сотрудничества

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

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

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

Отзыв клиента

Команда клиента

Oleg Lesov, Yulia Kniaz

Команда студии

Артем Снитко, Анатолий Сакало

посмотреть приложение

посмотреть приложение

Команда Ambi ответственна, квалифицирована и быстра. Мы можем доверять им так же, как и нашим сотрудникам

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

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

Oleg Lesov

CPO, Reteno

Все отзывы