Дизайн платформы для управления инженерными проектами

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

Платформа позволяет пользователям:

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

Cделать интерфейс логичным и удобным, чтобы пользователи могли работать с большим объёмом информации без путаницы и ошибок.

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

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

UI-дизайн включал визуальное оформление панелей, модулей и досок задач, создание понятной иерархии, типографики и элементов навигации. Создавалась масштабируемая дизайн-система с компонентами и токенами.

Этапы работы

• UX-аудит и исследование: анализ процессов, выявление проблем, интервью с пользователями
• Проектирование потоков: управление требованиями, тестами, документацией
• Интерактивные прототипы: проверка сценариев с реальными пользователями
• UI-дизайн: панели управления, канбан-доски, визуальная иерархия, типографика и иконки
• Дизайн-система: компоненты, состояния, токены, адаптивность
• UX-тестирование и дизайн-надзор: корректировка интерфейсов, упрощение сценариев, поддержка разработки

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

Figma