Техническое задание: Фронтенд веб-интерфейса ИИ-ассистента
Общее описание проекта
Необходимо разработать клиентскую часть (frontend) веб-приложения, представляющего собой интерфейс для взаимодействия с искусственным интеллектом. Основная функциональность сосредоточена в чате, где пользователь отправляет запросы и получает ответы от ассистента. Дизайн интерфейса полностью готов и будет передан в виде макета в Figma.
Структура и основные разделы интерфейса
Боковое меню / Навигационная панель
- Главная (Чат) - центральный раздел для ведения диалога с ИИ (отображение истории запросов и ответов).
- Мои заказы - кнопка или ссылка для перехода в личный кабинет основной платформы.
- Рекомендации - отдельный раздел с персонализированными предложениями от системы.
- Помощь - раздел со справочной информацией.
- Обратная связь - форма или раздел для связи с поддержкой.
- Авторизация - блок или модальное окно для входа в систему.
Быстрые ссылки
Дополнительные навигационные элементы, которые должны быть размещены в нижней части сайдбара или в другом логичном месте интерфейса. Список ссылок:
- Каталог
- Магазины
- Регионы
- Сравнение товаров
- Рекомендации
- Оплата
- Доставка
Требования к реализации
- Верстка должна точно соответствовать предоставленному дизайн-макету в Figma (цвета, шрифты, отступы, адаптивность).
- Интерфейс должен быть адаптивным и корректно отображаться на основных разрешениях экранов.
- Все интерактивные элементы (кнопки, ссылки, поля ввода) должны иметь состояния (hover, active, focus).
- Чат-интерфейс должен иметь четкое визуальное разделение сообщений пользователя и ответов ассистента.
- Код должен быть чистым, структурированным и комментированным в ключевых местах.
Что предоставляет заказчик
- Полный дизайн-макет всех экранов и состояний интерфейса в Figma (доступ будет предоставлен отдельно).
- Уточненное техническое задание по взаимодействию элементов.