Проекты

Quam

AI
FastAPI
Nuxt
SaaS

Рассказываем о технологическом стеке и фишках, которые мы внедрили в процессе разработки QUAM — генератора рекламных стратегий.

Пример интерфейса SaaS-приложения с древовидной структурой

Краткое описание проекта

Quam — это SaaS-приложение, позволяющее пользователям эффективно управлять процессами, наглядно формировать отчёты и строить ветвящиеся сценарии. Проект ориентирован на высокую креативность и удобство использования — любой бизнес может быстро использовать данное решение, масштабировать его под свои задачи и интегрировать в существующую инфраструктуру.


Кейс

Проблема

Клиенты искали инструмент для автоматизированного создания рекламных стратегий, который бы:

  • Автоматизировал формирование рекламных кампаний.
  • Поддерживал гибкость в настройках и масштабируемость.
  • Учитывал уникальность каждого проекта и был нацелен на социальные сети Facebook и Instagram.
  • Устранял необходимость в предварительном техническом задании и сложных интеграциях.

Решение

Мы предложили создать сервис, в основе которого лежат алгоритмы искусственного интеллекта, позволяющие:

  • Пошагово формировать индивидуальные рекламные стратегии.
  • Использовать древовидную структуру для удобной навигации по этапам работы.
  • Включить функционал личного кабинета и управления проектами.

Процесс

  1. Отсутствие готового ТЗ: Мы самостоятельно разработали техническое задание, опираясь на потребности клиента.
  2. Идея ветвящихся проектов: Это наше собственное предложение, которое сделало сервис удобнее и функциональнее.
  3. Верстка и дизайн: Несмотря на отсутствие дизайнера, мы создали стильный и удобный интерфейс. Также мы нашли иллюстратора, который изобразил более 100 персон под ответы ИИ.
  4. Тестирование: Регулярное тестирование позволило довести продукт до состояния, готового к активному использованию.

Результаты

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

Основные возможности

Для пользователей:

  1. Искусственный интеллект для рекомендаций: алгоритмы анализируют данные и формируют персонализированные рекламные стратегии.
  2. Древовидная структура проектов: упрощает навигацию и организацию этапов работы.
  3. Пошаговая генерация PDF-отчётов: удобный способ представления данных с ключевыми рекомендациями.

Для администраторов:

  1. Тестирование промптов: администраторы могут улучшать модели ИИ для повышения точности выдачи.
  2. Гибкая настройка параметров тарифов: возможности для управления и модификации тарифов без изменения кода.

Особенности

Интеграция искусственного интеллекта

Заголовок для изображения

Мы внедрили алгоритмы искусственного интеллекта, которые позволяют:

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

Визуальное дерево для навигации по проекту

Заголовок для изображения

Мы реализовали древовидную структуру для навигации, которая помогает:

  • Интуитивно перемещаться между этапами работы.
  • Наглядно сравнивать различные ветки сценариев и результатов регенерации данных.
  • Сохранять читаемость интерфейса даже при большом количестве элементов.

Данный функционал построен на базе VueFlow, что позволило нам быстро интегрировать и кастомизировать визуальное дерево.


Генерация PDF

Заголовок для изображения

Отдельное внимание мы уделили генерации PDF-отчётов:

  • Модуль автоматически подбирает ключевые данные и формирует удобный для чтения файл.

Оплата

  • Реализована интеграция с Stripe для обработки платежей, что обеспечивает безопасность и удобство финансовых операций.

Процессы разработки

Заголовок для изображения

  • Поставленная задача: разработать сервис, который с помощью искусственного интеллекта формирует рекламные стратегии для Facebook и Instagram.
  • Дизайн был выполнен нашей командой: несмотря на отсутствие отдельного дизайнера, интерфейс получился интуитивно понятным и эстетичным.
  • Проект был разбит на итерации и предварительно оценён.
  • Управление задачами осуществлялось через Todoist, где задачи разбивались на группы, расставлялись приоритеты и дедлайны.
  • Контроль времени и прогресса велся с помощью Tracking Time.
  • Разработали CI/CD пайплайн, включающий:
    • Автоматическое тестирование и сборку Docker-образов.
    • Выкатывание обновлений через Docker Compose.
  • Регулярные видеозвонки с заказчиком позволяли оперативно обсуждать задачи и внедрять улучшения.
  • Гибкость в выборе технологий и подходов, исходя из потребностей проекта.

Фронтенд

Мы выбрали Nuxt, который обеспечивает высокую отзывчивость и динамическую генерацию страниц. Основные преимущества:

  • Быстрая интеграция интерфейса с серверной частью.
  • Высокая производительность и удобство разработки.

Бэкенд

  • FastAPI: обеспечивает асинхронное взаимодействие с фронтендом и обработку сложной бизнес-логики.
  • MongoDB: используется для долговременного хранения данных.
  • Redis: применён для кэширования и управления очередями задач.

CI/CD и аналитика

  • CI/CD: налажен процесс непрерывной интеграции и доставки обновлений.
  • Umami: сервис локальной аналитики, который собирает анонимные данные без передачи их на сторонние серверы.

Для обеспечения стабильной работы и удобного внедрения изменений мы используем поэтапный деплой:

  1. Dev-сервер: тестирование новых функций и исправлений.
  2. Продакшен: переход к продакшен-окружению после успешного прохождения тестов.
  3. Мониторинг: сбор логов и метрик для отслеживания работы системы под реальной нагрузкой и оперативного устранения проблем.

Вы тоже хотите создать уникальный сервис?
Свяжитесь с нами в Telegram: t.me/SerjioSA, и мы обсудим все детали!