Срочно создать дизайн веб страницы
Техническое задание (ТЗ) для дизайнера на разработку страницы демо-версии системы голосовых команд
Цель проекта:
Создать страницу демо-версии, которая будет демонстрировать функциональность системы голосовых команд для классификации запросов и отправки их в соответствующие департаменты.
Основные функции страницы:
1. Пользователь нажимает на кнопку с изображением микрофона.
2. Пользователь голосом дает команду.
3. Система распознает и классифицирует команду.
4. Результаты классификации отображаются на странице, указывая, в какой департамент была направлена команда и какой тип проблемы/запроса был определен.
Требования к дизайну:
1. Главная кнопка (с микрофоном):
- Должна быть большой и заметной.
- Красивый и современный дизайн.
- Расположена в центре страницы.
- При нажатии на кнопку должна появляться анимация, показывающая, что идет запись.
2. Интерфейс отображения результатов:
- После окончания записи команда пользователя должна быть видимой в текстовом формате.
- Система должна визуально показать процесс классификации (например, с помощью прогресс-бара или анимации).
- Результаты классификации должны быть четко и понятно отображены, включая:
- Название департамента.
- Тип проблемы/запроса.
- Если классификация успешна, должно появиться уведомление об успешной отправке запроса.
- Если классификация не удалась, должно быть показано сообщение об ошибке с возможностью повторной попытки.
3. Департаменты и их задачи:
- Департаменты должны быть представлены иконками или небольшими графическими элементами.
- Краткое описание типов запросов для каждого департамента:
- Служба АХО:
- Не узнает клиента (не идентифицирует)
- Не открывается ячейка
- Не закрывается ячейка
- Не горит монитор (нет питания и другое)
- Монитор не реагирует на нажатия (завис)
- Не читается пропуск (как п. 1)
- Поломки мебели
- Клиннинг:
- Рассыпалось/разлилось что-то
- Убрать грязь/пыль
- Не хватает средств личной гигиены в туалете
- Закончилась бумага в туалете
- Закончились салфетки
- Скопилось много грязной посуды
- Кофе-леди:
- Принести капучино/латте/американо/воду/чай (черный/зеленый)
- Служба эксплуатации здания:
- Течет климат-система/кондей и т.п.
- Неисправности освещения (не работает светильник, перегорел, моргает и т.п.)
- Не работают шторы/жалюзи
- Слишком жарко/холодно в помещении/здании
4. Общий стиль и визуальные элементы:
- Современный и чистый дизайн.
- Использование корпоративных цветов и шрифтов (если они имеются).
- Интуитивно понятный интерфейс.
- Адаптивы пока не требуются
5. Примеры иконок и графических элементов:
- Иконка микрофона для главной кнопки.
- Иконки для департаментов (например, шкафчик для АХО, метла для клининга, чашка для кофе-леди, лампочка для службы эксплуатации здания).
- Прогресс-бар или анимация для отображения процесса классификации.
Примечания:
- Дизайнеру предоставляется свобода в выборе конкретных цветов и стиля иконок.
- Желательно предоставить несколько вариантов дизайна для выбора.
Пожалуйста, создайте макет страницы в формате Figma и предоставьте ссылки на файлы для просмотра и дальнейшей разработки.
Цель проекта:
Создать страницу демо-версии, которая будет демонстрировать функциональность системы голосовых команд для классификации запросов и отправки их в соответствующие департаменты.
Основные функции страницы:
1. Пользователь нажимает на кнопку с изображением микрофона.
2. Пользователь голосом дает команду.
3. Система распознает и классифицирует команду.
4. Результаты классификации отображаются на странице, указывая, в какой департамент была направлена команда и какой тип проблемы/запроса был определен.
Требования к дизайну:
1. Главная кнопка (с микрофоном):
- Должна быть большой и заметной.
- Красивый и современный дизайн.
- Расположена в центре страницы.
- При нажатии на кнопку должна появляться анимация, показывающая, что идет запись.
2. Интерфейс отображения результатов:
- После окончания записи команда пользователя должна быть видимой в текстовом формате.
- Система должна визуально показать процесс классификации (например, с помощью прогресс-бара или анимации).
- Результаты классификации должны быть четко и понятно отображены, включая:
- Название департамента.
- Тип проблемы/запроса.
- Если классификация успешна, должно появиться уведомление об успешной отправке запроса.
- Если классификация не удалась, должно быть показано сообщение об ошибке с возможностью повторной попытки.
3. Департаменты и их задачи:
- Департаменты должны быть представлены иконками или небольшими графическими элементами.
- Краткое описание типов запросов для каждого департамента:
- Служба АХО:
- Не узнает клиента (не идентифицирует)
- Не открывается ячейка
- Не закрывается ячейка
- Не горит монитор (нет питания и другое)
- Монитор не реагирует на нажатия (завис)
- Не читается пропуск (как п. 1)
- Поломки мебели
- Клиннинг:
- Рассыпалось/разлилось что-то
- Убрать грязь/пыль
- Не хватает средств личной гигиены в туалете
- Закончилась бумага в туалете
- Закончились салфетки
- Скопилось много грязной посуды
- Кофе-леди:
- Принести капучино/латте/американо/воду/чай (черный/зеленый)
- Служба эксплуатации здания:
- Течет климат-система/кондей и т.п.
- Неисправности освещения (не работает светильник, перегорел, моргает и т.п.)
- Не работают шторы/жалюзи
- Слишком жарко/холодно в помещении/здании
4. Общий стиль и визуальные элементы:
- Современный и чистый дизайн.
- Использование корпоративных цветов и шрифтов (если они имеются).
- Интуитивно понятный интерфейс.
- Адаптивы пока не требуются
5. Примеры иконок и графических элементов:
- Иконка микрофона для главной кнопки.
- Иконки для департаментов (например, шкафчик для АХО, метла для клининга, чашка для кофе-леди, лампочка для службы эксплуатации здания).
- Прогресс-бар или анимация для отображения процесса классификации.
Примечания:
- Дизайнеру предоставляется свобода в выборе конкретных цветов и стиля иконок.
- Желательно предоставить несколько вариантов дизайна для выбора.
Пожалуйста, создайте макет страницы в формате Figma и предоставьте ссылки на файлы для просмотра и дальнейшей разработки.