Подавайте работы до 3 июля (птн)18 000 Р,
с 4 июля (сб)24 000 Р
Церемония награждения
4 декабря 2026
Крупнейшая digital-премия в Европе

Разработка платформы для повышения эффективности производства на НЛМК

Заказчик: НЛМК
Исполнитель: Redmadrobot
Share
Share
Разработка платформы для повышения эффективности производства на НЛМК

Главное о кейсе

Результаты по целям и задачам
1. Обновили визуальный стиль на основе фреймворка Material-UI.
2. Спроектировали новые паттерны взаимодействия, протестировали их на пользователях. Описали принципы в Confluence.
3. Больше половины приемов оформления пользовательских сценариев в фигме приняты как стандарт для команд дизайна на других проектах НЛМК.
4. Регулярно консультировали дизайнеров с других проектов по поводу паттернов и ui-кита. Участвовали в обсуждениях компонентов дизайн-системы.
5. Регулярно проводили интервью с пользователями и тестировали прототипы всех сценариев с ними же.
6. Спроектировали ключевые пользовательские сценарии для всех разделов СПЭП.
7. Добавили много нового функционала, исправили недочеты предыдущих версий, повысили удобство использования системой.
8. Встроились в общий поток с командой разработки для регулярной поставки обновлений системы. Шли с опережением на 1-2 спринта.
9. В новом разделе «Каскад КПЭ» спроектировали пользовательские сценарии для MVP-релиза. Дашборды, персональные рабочие столы, гибко настраиваемые графики на основе eCharts.
10. Собрали первую версию библиотеки компонентов UI-кита. Помогали с миграцией её в глобальную библиотеку дизайн-системы НЛМК. Настроили процесс обновления компонентов с учётом их особенностей в проекте СПЭП. Помогали с добавлением новых и доработкой старых компонентов.

Результаты по KPI

• Интуитивная понятность. Проверяли на этапе тестирований. В случае когда пользователи долго искали в интерфейсе способ решения своей задачи, мы уходили на итерацию доработок. Упрощали, переделывали и повторно тестировали на других пользователях. В итоге добивались нужных нам показателей.
Также в планах было использовать продуктовые метрики, чтобы измерять этот критерий автоматически уже после релиза, но из-за загрузки команды разработки прикручивание продуктовых метрик отложилось на срок уже после завершения проекта с нашей стороны. Ждём результатов после того как выкатят.
• Увеличение удовлетворенности пользователей в сравнении с СПЭП 1.0. Собирали опросники в фокусных группах пользователей. По пунктам касающимся дизайна удовлетворенность выросла.
o Дизайн системы — 64%
o Легкость обучения работе с системой — 71%
• Увеличение доли активных пользователей. Тут все шло по плану подключения новых производств и площадок.
Личные итоги
• Принимали участие в старте глобальной трансформации дизайна всех внутренних систем группы компаний НЛМК.
• Разобрались в нюансах производства и сложностях технической реализации многих процессов.
• Адаптировали внутренние дизайн-процессы РМР для работы с командой заказчика

Бизнес-задача и ее решение

Версия 1.0 достигла предела возможностей по улучшению и перестала быть гибкой. Заказчик принял решение перейти на новую архитектуру с использованием самых передовых технологий. Кроме обновлений в технической части потребовалось провести редизайн визуального стиля, а также улучшить пользовательский опыт.
Нашей команде предстояло:
1. Обновить стиль и паттерны взаимодействия. Заложить стандарты проектирования пользовательских сценариев в фигме, которые бы постепенно принимались командами на других проектах НЛМК.
2. Встроить в процесс проектирования этапы исследований и пользовательских тестирований на прототипах.
3. Спроектировать ключевые пользовательские сценарии для всех разделов СПЭП.
4. Сделать более удобными и эффективными инструменты аналитики.
5. Встроиться в общий поток с командой разработки для регулярной поставки обновлений системы.
6. Спроектировать принципиально новый раздел «Каскад КПЭ», которого не было в версии 1.0
7. Собрать библиотеку компонентов UI-кита для последующего превращения его в часть полноценной дизайн-системы для всех продуктов группы компаний.

Как был построен процесс
На первом этапе мы провели ряд мероприятий по запуску процессов проектирования (аналитики и дизайна). Провели воркшопы со стейкхолдерами и ЛПР по определению основных показателей эффективности обновленного интерфейса и образу хорошего результата. Выделили основные критерии, на которые ориентировались при проектировании:
• Интуитивная понятность. Простота ориентирования пользователей в новых интерфейсах. Скорость нахождения нужного функционала, прохождения сценариев.
• Увеличение удовлетворенности пользователей в сравнении с СПЭП 1.0.
• Увеличение доли активных пользователей.
По ходу работы приходилось часто корректировать процессы. В итоге пришли к более-менее стабильно и успешной конструкции. Она включала в себя:
1. Разделение стримов у команд проектирования (аналитика + дизайн) и команды разработки. Первая команда опережает вторую на 1-2 спринта.
2. Двухнедельные спринты, с регулярной демонстрацией результатов работ стейкхолдерам.
3. Интервью с пользователями и UX-тестирования на прототипах.
4. Этап передачи дизайна в разработку и поддержка (краевые кейсы)
5. Для нового стрима (Каскад КПЭ) была выделена отдельная команда. И там были дополнительные этапы:
— Построение CJM.
— Написание Job Story.
— Сбор и приоритезацией беклога фичей.
— Сбор роадмапа проекта.
— Дополнительный сбор обратной связи пользователей через опросники
— Проводили регулярные командные ретроспективы. А также ретроспективы со стейкхолдерами. Выявляли руткозы системных проблем в работе команд и чинили.

Прочая информация о кейсе

Совместно с командой заказчика из группы компаний НЛМК мы спроектировали дизайн модулей второй версии системы повышения эффективности производства (СПЭП) для Липецкого комбината. Сейчас этот дизайн постепенно масштабируется на все внутренние системы производств по всем площадкам группы компаний НЛМК.
Про СПЭП
СПЭП 2.0 в автоматическом режиме собирает показатели со всех этапов производства металла. Далее в различных модулях происходит описание отклонений, простоев и дефектов. Проводится глубокая аналитика. Создаются мероприятия для предотвращения повторений ситуаций ведущих к уменьшению качества продукции. Следят за эффективностью этих мероприятий.
Так же за всеми ключевыми показателями и цепочками зависимостей КПЭ следят руководители в разделе с дашбордами.
Таким образом руководство видит текущие и потенциальные риски, а также реальную картину на всех этапах производства, сокращает издержки и может прогнозировать результат.
Система рассчитана на 5000 потенциальных пользователей. Прямо сейчас её активно используют 200+ пользователей модуля аналитики, 100+ пользователей интерфейса оператора, а также руководители всех уровней.

Скриншоты

Share
Share

Номинации

Совершенное исполнение (Craft) → Юзабилити
Интегрированные digital-проекты → Из офлайна в онлайн / не выходя из дома

Дата запуска

7 сентября 2021 года

Авторы

Арт-директор: Сергей Кутьков
Дизайнеры: Ира Богданова, Мила Белова, Саша Новикова, Лена Бардашева, Паша Блинов
Менеджер проекта: Илай Гальцын

Ссылки

nlmk.com
Крупнейший digital-конкурс в Европе
Подавайте работы до 3 июля (птн)18 000 Р,
с 4 июля (сб)24 000 Р

Церемония награждения — 4 декабря (пт)  •  Москва и онлайн
Купить билет
Количество билетов ограниченно, торопитесь!