Интерфейс для Лидеры Роста

1. Цель
Создать современный, удобный и визуально привлекательный дизайн двух ключевых экранов:
• Работа с задачами
• Отображение бизнес-процессов и этапов
По результатам конкурса помимо денежного приза выбирается победитель для дальнейшей работы: отрисовка всех страниц и элементов проекта (включая адаптивные версии).

2. Задачи для дизайнера
• Обновить визуальный стиль (UI) с учётом современных трендов.
• Улучшить читаемость (шрифты, разрядность чисел, выравнивание колонок).
• Сохранить структуру блоков и элементов, но варианты выделений, подсветок, цветов и т.п. остаются на усмотрение.
• Разработать единую цветовую систему для задач, статусов, приоритетов, процессов, дерева иерархии.

3. Требования к дизайну
• Современный минималистичный стиль (ориентир: Notion, Jira, Confluence, Asana).
• Цветовая палитра: любые варианты в деловом стиле.
• Иконки: плоские, лаконичные, единый стиль.

Общие элементы
Левая панель (6 кнопок):
1. Работа с задачами (home, можно иконкой)
2. База знаний (Wiki)
3. Дэшборды и статистика
4. Личный кабинет
5. Управление функционалом сотрудников
6. Бизнес-процессы и этапы

Верхняя панель:
• Создать задачу
• Голосовой ввод
• Фильтр задач/проектов
• Пустое пространство (зарезервировать для кнопок на других страницах)
• Предложить идею

Нижняя панель SLA:
• Мой SLA (в днях)
• SLA моей команды (в часах)

Экран 1: Работа с задачами
Блок «Мои задачи»:
• Пример 5 задач в разных статусах («В работе», «На подтверждении» и др.). Статус определяется цветом и подписью.
• Приоритеты: минорный, средний, важный, критический, блокирующий (иконка рядом с номером).
• Фото сотрудника: в макете достаточно простого круга-заглушки.
• Выделение задачи. (пример — рамка на жёлтой задаче).
• Допустимы любые варианты отображения приоритетов и статусов.

Блок «Задачи на контроле» — аналогично.

Блок «Задачи моих подчинённых» — предложить способ отображения (например, имя сотрудника + его задачи).

Блок «Почта» — список писем, как в почтовом клиенте.

Блок «Информация о задаче» (открывается при клике):
• Номер и название
• Приоритет
• Тип (задача, баг, заявка, инцидент, идея и т.п.)
• Описание
• Зачем это делать
• Автор и исполнитель (имя + фото (кругзаглушка))
• Дата и время создания и обновления
• Статус (в работе, на подтверждении и др.)
• Кнопки действий (на примере 3, количество может меняться)

Экран 2: Бизнес-процессы и этапы
Блок «Список процессов»:
• Дерево с иерархией (пример 3 уровня, но может быть больше)
• Подсветка выбранного элемента

Блок «Описание процесса»:
• Шапка (название, базовая информация)
• Итог: показать SLA п/ф и итоговую стоимость. Отдельный блок не нужен!
• Этапы 1, 2, 3 и далее: название, ответственный, SLA, показатели
• Перед каждым этапом добавить строку ожидания. Пример: «Ожидание взятия в работу 9:23:35»