Проектирование модуля для внутренней CRM

Внутренняя CRM агентства была написана давно: стиль устарел, документации не было. Планировать в ней время команды было неудобно. Нельзя было посмотреть загрузку нескольких сотрудников сразу, быстро переключиться между неделей и месяцем, уследить за дедлайнами.

Кто пользуется. Вся команда: дизайнеры, SEO-специалисты, проджекты, маркетологи и руководители. В CRM распределяют задачи и сроки, смотрят загрузку каждого сотрудника и отдела, учитывают рабочее время.

Добавить в CRM планирование и управление загрузкой. Цель: ускорить постановку задач и быстрее и точнее считать нагрузку на каждого сотрудника и на отдел целиком.

• Руководителям отделов и проджектам — видеть загрузку команды на одном экране, быстрее раздавать задачи и не перегружать людей.
• Сотрудникам — удобно переключать календарь и легче ориентироваться между периодами и своими задачами.

Ограничение: не переписывать фронтенд и сохранить текущий стиль, чтобы внедрение обошлось дешевле.

• Исходные данные. Я сама работала в этой CRM и знала её боли. Плюс слушала, на что жалуются на совещаниях, поговорила с руководителем и со своим отделом дизайнеров: что неудобно и что хочется изменить.
• Анализ аналогов. Изучила, как планирование устроено у прямых и косвенных конкурентов (AmoCRM, Week и другие) и в популярных библиотеках компонентов. Так опиралась на лучшие практики рынка и выбирала решения, которые реально сверстать.
• UI-аудит. UI-кита не было, поэтому разобрала текущую вёрстку и собрала из неё библиотеку компонентов. Новые экраны встали в один стиль со старыми.

• Переключение периодов: неделя, месяц, произвольный период. Листать можно, не теряя контекст.
• Мульти-вид: календари нескольких сотрудников рядом, чтобы видеть загрузку команды.
• Мобильная версия. Неделя на нескольких людей в телефон не помещается, поэтому каждый сотрудник — отдельная карточка с лентой дня. Между людьми листаешь вбок, край следующей карточки виден справа.

Собрала интерактивный прототип и дала коллегам потестировать. Что поменяли:

• на мобильном уменьшили высоту меню, места под задачи стало больше;
• на десктопе добавили стрелки в левом верхнем углу для быстрого переключения;
• перестроили сетку: сотрудники идут по горизонтали со скроллом, а неделя и месяц листаются вниз.

• Модуль планирования для десктопа и мобильного: мульти-вид и переключение периодов.
• 3 проблемы с навигацией найдены на тесте и исправлены до разработки.
• Библиотека компонентов из существующей вёрстки: до этого UI-кита не было.
• К сожалению, проект закрыли на этапе разработки: компания перешла на новую AI-платформу.