Как мы создали корпоративный сайт для AI-сервиса AutoFAQ с вау-эффектом

Задача: презентовать AI-решение в формате корпоративного сайта

AutoFAQ — сервис для автоматизации поддержки клиентов и сотрудников с помощью искусственного интеллекта. Решение объединяет интеллектуального чат-бота и омниканальный чат для операторов, обеспечивая совместную работу человека и ИИ.

Продукт ориентирован на enterprise-сегмент: банки, телеком, госсектор, крупный e-commerce. AutoFAQ успешно прошел акселерационные программы МТС, КРОК, PwC, ВТБ и Московского акселератора. Системный интегратор КРОК выбрал AI-платформу «ДИПХАКЛАБ», частью которой является AutoFAQ, в качестве эксклюзивного поставщика решений такого класса.

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

Решение: сделать сайт витриной амбиций и инженерного уровня

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

Сайт строится на нескольких сценариях восприятия: «для бизнеса» и «для IT». Бизнес-аудитория получает доступное объяснение ценности: снижение затрат, повышение скорости обслуживания, масштабируемость. IT-аудитория — детальное понимание архитектуры и технических преимуществ: API-интеграции, омниканальность, обучение модели на данных клиента.

Мы реализовали модульную структуру: каждая секция отвечает на конкретный вопрос пользователя. Подход позволяет сократить время на поиск нужной информации и обеспечивает управляемость восприятия. Отдельные блоки можно использовать как самостоятельные презентационные слайды — что важно для отдела продаж.

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

Дизайн и визуальный язык: строго, технологично, с характером

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

Мы сознательно ушли от визуального перегруза, ограничив цветовую палитру тремя оттенками и сосредоточив внимание на тексте и функциональных блоках. Навигация реализована через якорную структуру, без лишних переходов — это важно для B2B-продукта, где на первом месте — содержание, а не визуальные спецэффекты.

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