Вёрстка десктопного интерфейса онлайн-чата поддержки с ИИ-ассистентом для TOP DRIVE.
Задача проекта — реализовать современную CRM-панель для операторов поддержки, где можно быстро обрабатывать обращения пользователей, переключаться между диалогами и использовать помощь нейросети для ускорения ответов.
В интерфейсе реализован список активных диалогов с отображением пользователя, времени обращения, версии приложения и текущего состояния чата. Оператор может видеть, кто отвечает в диалоге: нейросеть или живой специалист. Основная область экрана отведена под окно переписки с входящими и исходящими сообщениями, полем ввода, быстрыми подсказками и возможностью загрузки изображений в чат.
Дополнительно была сверстана страница авторизации, а также модальное окно для создания и редактирования шаблонов ответов. Это позволяет оператору быстрее работать с типовыми ситуациями и поддерживать единый стиль коммуникации.
Особое внимание уделено тёмной теме, визуальной иерархии, читаемости сообщений, аккуратным состояниям элементов и удобству работы на десктопе. Интерфейс выполнен в современном стиле с фиолетовыми акцентами, понятной структурой и адаптацией под реальные сценарии службы поддержки.
Результат — удобная desktop CRM-панель для онлайн-коммуникации между оператором, пользователем и ИИ-ассистентом.
https://top-drive.com