Генератор стратегии бренда на базе ИИ

Брендинг на стероидах: как создать AI-помощника для креативного агентства

В этой статье мы поделимся опытом создания AI-помощника для одного из ведущих креативных агентств в России. Заказчик обратился к нам с задачей автоматизировать процесс генерации отчётов для определения архетипов клиентов с использованием технологий искусственного интеллекта.

Как заказчик работал раньше?

Заказчик создает отчет для клиента на основе теории архетипов. Итоговый документ — это примерно 30 страниц формата A4. Чтобы собрать все необходимые данные и написать такой отчет необходимо пройти следующий путь:

В начале пути составляется бриф на основе интервью с клиентом.

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

На основании полученных данных из опросов вручную определяются доминирующие архетипы, которые затем анализируются, пишется текст отчета.

Наконец, все это вручную переносятся в сам отчёт, который заказчик создает в Figma.

Как наша разработка упрощает и меняет работу заказчика?

Заказчик заходит в Админ-панель нашего инструмента и создает нового клиента.

Система автоматически создает ссылки на опросники, эти ссылки можно скопировать и направить клиенту.

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

Далее необходимо гармонизировать архетипы и определить доминирующие архетипы. Задача крайне объемная, так как ответов может быть больше сотни, но ИИ выполняет ее с математической точностью.

Теперь, когда у нас достаточно данных для генерации текстов и изображения для отчета, ИИ разбивает процесс на подзадачи и заполняет базу готовыми данными.

В последнюю очередь система создает веб-страницу c отчетом и приносит все данные в CMS веб-страницы. Готово!

При необходимости можно корректировать работу системы на каждом этапе прямо через диалоговое окно прямо в админ-панели.

Переходим к делу

Заказчик настаивал на использовании low-code решений, так как предыдущий опыт работы с «настоящими программистами» во многом не оправдал их ожиданий. Дело, конечно, не в технологиях, а в исполнителях, но спорить мы не стали и приступили к работе. Поэтому на данном этапе нам необходимо было выбрать подходящие инструменты и определить, как они будут взаимодействовать между собой. Это требует тщательного подхода к архитектуре системы

Архитектура

Выбор инструмента для сбора данных: Мы рекомендовали использовать Formless. ai вместо Typeform. Formless. ai — это субпродукт Typeform, который проводит интерактивные опросы с помощью ИИ, структурируя данные в формате JSON. Несмотря на некоторые ограничения, продукт перспективный и выглядит потрясающе.

Генерация отчётов: Мы убедили заказчика, что создание отчётов в формате веб-страницы с кастомным дизайном упростит процесс и сделает результаты более доступными. Дизайн макета страницы был разработан в Figma, что позволило учесть необходимые поля для отчёта, их общее количество составило 160.

Разработка веб-сайта: Для этой задачи мы выбрали Webflow, ценя его за управление через API, а также возможности дизайна и анимации. Несмотря на ограничение в 60 переменных в CMS, мы настроили систему так, что смогли интегрировать все 160 переменных.

Координация данных: для синхронизации данных между инструментами используем Make. com, который координирует перенос данных.

Использование искусственного интеллекта: для операций, где необходим ИИ, применяем OpenAI Assistant API. Он позволяет использовать последние модели, загружать базу данных, проводить векторный поиск по этим данным, а также поддерживает обращение к ветке сообщений через Thread ID.

Админ-панель: используем GlideApps для создания админ-панели. Этот инструмент позволяет легко настроить любую панель с широким спектром функций и привлекательным дизайном.

База данных: в качестве основной базы данных используем встроенную БД GlideApps, так как объём данных будет невелик. Однако инструмент предоставляет возможность интеграции с различными внешними хранилищами данных — от Google Sheets до PostgreSQL.

Пользовательский путь

По нашей задумке взаимодействие с системой должно было выглядеть следующим образом:

1. Сбор информации: клиент агентства заполняет пять опросников в Formless.

2. Обработка данных: Assistant API проверяет ответы на предмет нестыковок и приводит данные в структурированный вид.

3. Хранение данных: все собранные данные затем попадают в базу данных GlideApps.

4. Проверка и корректировка: пользователь может вручную проверить и дать команду гармонизировать архетипы, используя кнопку в админ-панели и функции Assistant API.

5. Подготовка к публикации: с помощью Assistant API «сырые» данные трансформируются (вот где происходит настоящая магия) в структурированный контент для Webflow, включая форматирование, HTML-разметку и генерацию изображений с помощью Dall-E.

6. Интерактивное управление: в админ-панели доступен чат, где можно запросить у Assistant API изменение определённых данных, например переписывание неподходящего абзаца.

7. Публикация отчета: после финальной подготовки и синхронизации данных с Webflow веб-страница готова к публикации.

Этапы создания системы

‍

1. Запуск разработки в Webflow: это самый трудоёмкий этап. Верстка с несколькими раундами правок заняла около месяца. Когда стала понятна структура CMS, мы экспортировали её из Webflow в формате CSV, чтобы точно воссоздать её в базе данных GlideApps. Благодаря удобству импорта CSV таблиц в GlideApps, процесс подготовки базы данных прошёл гладко.

‍

2. Разработка опросников: одновременно с дизайном мы создали пять опросников на Formless. io, определили промпты и желаемую структуру данных на выходе.

‍

3. Настройка Assistant API: пишем системный промпт, загружаем необходимые документы в базу знаний и тестируем функционал в песочнице. Assistant API умеет хранить контекст конкретного клиента через Thread ID.

‍

4. Разработка административной панели:

  - Создание интерфейса дизайна в GlideApps.

  - Возможность добавления клиентской карточки и загрузки брифа в виде файла.

  - Генерация ссылок на опросники Formless. io с интегрированным клиентским ID для отслеживания ответов.

  - Отслеживание количества ответов по каждому опроснику.

  - Кнопки гармонизации архетипов и генерации данных для отчета.

  - Все поля админ-панели точно соответствуют полям в Webflow, каждое поле имеет меню для запуска чата с Assistant API.

‍

5. Интеграция всей частей системы через Make:

  - Получение данных из Formless в Zapier, затем передача в Make. Звучит странно, но это потому что Formless пока сырой продукт и открытого API у него нет, только интеграция с Zapier.

  - Сценарии гармонизации архетипов, превращения сырых данных в отчет и передача данных между Make, Assistant API, Glide и Webflow.

  - Взаимодействие через Glide Chat и Assistant API.

‍

6. Генерация изображений: для компиляции изображений из архетипов мы использовали Cloudinary, который ценим за возможность манипулировать параметрами изображения прямо через url.

7. Файнтьюнинг промптов: реализация промт-сессии с использованием рекомендаций OpenAI.

8. Финал проекта: рефакторинг базы данных Glide, публикация на домене заказчика и создание документации. Работа сделана!

Стоимость сервисов

Formless. ai: $59 в месяц, включает 250 опросов.

Make. com: $10 в месяц. Минимальный тариф с 10 000 операциями в месяц нам более чем достаточен.

Webflow: примерно $80 в месяц.

GlideApps: $60 в месяц.

OpenAI: затраты зависят от объема использования; мы обычно не выходили за $20 в месяц.

Cloudinary: бесплатно

Результаты

Использование low-code стека из Formless. ai, Make. com, Webflow, GlideApps, OpenAI Assistant API и Cloudinary позволило нам существенно увеличить скорость разработки решения, а клиенту — упростить процесс генерации отчётов, снизив время их создания до 15 минут за 1 отчёт.

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

Мы благодарны за возможность работать над таким интересным проектом и с нетерпением ждём будущих вызовов!

Заключение

Внедрение AI-помощника в ваш бизнес — это не просто технологический шаг вперёд, но и стратегическое решение. Оно может кардинально изменить подход к управлению рутинными задачами и повысить эффективность работы всей команды.

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