Дизайн-система сайтов Группы НЛМК

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

Дизайн-система позволяет компании быстро разрабатывать новые сайты по типовым шаблонам, что экономит ресурсы Группы НЛМК. Создан единый центр управления сайтами. С имиджевой точки зрения, дизайн-система объединяет 16 компаний по всему миру в глазах посетителей сайтов, помогает им быстро ориентироваться и находить информацию онлайн.

The design system allows the company to quickly develop new sites based on standard templates, which saves NLMK group resources. Sites are managed through a single center. In addition, the design system brings together 16 companies around the world in the eyes of website visitors, helps them to quickly navigate and find information online.

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

Задача: разработать единый шаблон для главного и всех дочерних сайтов компании НЛМК с применением технологий DevOps.

Реализация:
- 6200 человеко-часов;
- 14 месяцев работы;
- 20 человек в команде.

Решение:
– Командой Uplab разработана дизайн-система. На ее основе собран шаблон с уникальными компонентами для каждого из 16 сайтов.
– По каждому сайту отлажено корректное отображение на всех современных мобильных устройствах и планшетах.
– Настроено единое пространство управления доступом на основе учетной записи домена AONLMK (AD SSO).
– Редактирование контента для мобильной и десктопной версий происходит через единый инструмент.
– Архитектура исходных кодов оптимизирована под многосайтовость.
– Технические и проектные решения приведены в соответствие с технической политикой Группы НЛМК.
– Добавлена возможность интеграции веб-системы с другими решениями Группы НЛМК.
– Вся разработка произведена с применением автотестов на технологии DevOps.

Task: to develop a single template for the main and all subsidiary sites of NLMK using DevOps technologies.

Production:
- 6200 man-hours;
- 14 months of work;
- 20 people in the team.

Decision:
– The Uplab team has developed a design system. It is based on a template with unique components for each of the 16 websites.
– The correct display on all modern mobile devices and tablets is debugged for each site.
– A single access control space is configured based on the AONLMK (AD SSO) domain account.
– Content editing for mobile and desktop versions is done through a single tool.
– The original architecture is optimized for all websites, including future ones.
– Technical and design solutions are aligned with NLMK group's technical policy.
– It is now possible to integrate the web system with other NLMK group solutions.
– All development was done using automated DevOps tests.

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

Группа НЛМК – лидирующий международный производитель высококачественной стальной продукции. Доля в российском производстве стали – 23%. 16 предприятий группы находятся в России, Северной Америке и странах ЕС.

NLMK group is a leading international manufacturer of high quality steel products. The share in Russian steel production is 23%. The group's 16 businesses are located in Russia, North America and the EU.

Скриншоты