Сервису по внедрению ИИ-менеджера для сайтов требовалось создать интуитивный личный кабинет и виджет, которые бы позволили клиентам за 5 минут подключить умного ассистента и гибко настроить его под свои нужды. Ключевая задача — спроектировать сложную систему с обширными настройками персонализации и аналитики, оставаясь при этом простой для пользователя.
Была разработана комплексная интерфейсная экосистема, состоящая из двух ключевых компонентов:
Виджет ИИ-менеджера: Продуман дизайн и микроанимации чат-виджета, который органично встраивается в любой сайт. Все состояния (открытие, ввод сообщения, ответы, загрузка) имеют плавные переходы, создающие эффект живого общения.
Многофункциональный личный кабинет: Создано более 30 экранов с продуманной логикой взаимодействия. Сложные настройки (внешний вид, сценарии работы ИИ, аналитические отчеты) разбиты на понятные шаги. Проработаны все ховер-эффекты и интерактивные элементы, делающие работу с инструментом предсказуемой и комфортной.
Дизайн создан в Figma с использованием Auto Layout для идеального выравнивания элементов, компонентного подхода для быстрого внесения изменений и сетки Bootstrap для бесшовной адаптации под все разрешения. Разработан детальный UI-kit, обеспечивающий консистентность интерфейса и ускоряющий дальнейшую разработку.
Успешный запуск продукта: Сервис был запущен и работает с реальными клиентами. Дизайн-система доказала свою эффективность и масштабируемость.
Снижение порога входа: Благодаря продуманному UX, новые пользователи могут начать работу с сервисом за 5 минут, несмотря на его сложную внутреннюю логику.
Долгосрочное партнерство: Работа продолжается в формате тесного сотрудничества с разработчиками: отрисовываются улучшения и новые функции, а также ведется авторский надзор за их реализацией, что гарантирует соответствие конечного продукта изначальной дизайн-концепции.