Собес без стресса

В этом проекте мы разделили зоны ответственности. Команда агентства АР отвечала за подготовку текстов, дизайн, разработку бекенда и промоушен. Мы взяли на себя верстку интерфейса, программирование логики квиза, синхронизацию сервисов и настройку аналитики.

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

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

‍

Сперва мы спроектировали структуру из 7 логических экранов и 3 модальных окон, используя нативный функционал Webflow. Главная сложность на этом этапе заключалась в проектировании интерфейса под ответы сервера. Нам нужно было гарантировать, что при любом количестве символов верстка останется стабильной.

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

Для управления этой логикой был разработан массивный блок кастомного кода (свыше 32 000 символов). Он включает в себя бесперебойные fetch-запросы, поллинг ответов, валидацию данных в формах, логику переключения экранов, управление анимациями, а также вывод результатов на финальный экран квиза и передачу промежуточных целей в аналитику.

Что касается интерактивности: в логику квиза мы зашили библиотеку GSAP. Анимации запускаются по строгим сценариям, например при переходе между экранами или при достижении скрытых триггеров «под капотом».

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

Перед сдачей проекта мы подключили Яндекс Метрику, настроили 34 цели для последующей оцифровки промокампании и оценки эффективности трафика.

‍

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

В партнерстве с агентством АР мы реализовали по-настоящему амбициозную задачу: создание SPA, интеграция AI для генерации фидбека в реальном времени, отзывчивые анимации. Именно такие смелые проекты двигают индустрию HR-маркетинга вперед и формируют новые подходы к контакту бренда с аудиторией.

‍