Техническое задание: Фронтенд веб-интерфейса ИИ-ассистента

Общее описание проекта

Необходимо разработать клиентскую часть (frontend) веб-приложения, представляющего собой интерфейс для взаимодействия с искусственным интеллектом. Основная функциональность сосредоточена в чате, где пользователь отправляет запросы и получает ответы от ассистента. Дизайн интерфейса полностью готов и будет передан в виде макета в Figma.

Структура и основные разделы интерфейса

Боковое меню / Навигационная панель

• Главная (Чат) - центральный раздел для ведения диалога с ИИ (отображение истории запросов и ответов).
• Мои заказы - кнопка или ссылка для перехода в личный кабинет основной платформы.
• Рекомендации - отдельный раздел с персонализированными предложениями от системы.
• Помощь - раздел со справочной информацией.
• Обратная связь - форма или раздел для связи с поддержкой.
• Авторизация - блок или модальное окно для входа в систему.

Быстрые ссылки

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

• Каталог
• Магазины
• Регионы
• Сравнение товаров
• Рекомендации
• Оплата
• Доставка

Требования к реализации

• Верстка должна точно соответствовать предоставленному дизайн-макету в Figma (цвета, шрифты, отступы, адаптивность).
• Интерфейс должен быть адаптивным и корректно отображаться на основных разрешениях экранов.
• Все интерактивные элементы (кнопки, ссылки, поля ввода) должны иметь состояния (hover, active, focus).
• Чат-интерфейс должен иметь четкое визуальное разделение сообщений пользователя и ответов ассистента.
• Код должен быть чистым, структурированным и комментированным в ключевых местах.

Что предоставляет заказчик

• Полный дизайн-макет всех экранов и состояний интерфейса в Figma (доступ будет предоставлен отдельно).
• Уточненное техническое задание по взаимодействию элементов.