---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2024-07-25
publishYear: 2017
name: НЛМК
title: Корпоративный портал для 53 тысяч пользователей
excerpt: Разработали дизайн внутреннего портала группы компаний с заводами по всему миру.
context: В НЛМК работает 53 тысячи человек — это целый город. И у каждого города должно быть место, где люди смогут почитать новости, написать руководству, узнать справочную информацию. Таким местом в НЛМК должен был стать внутренний портал.
logo:
src: ~/assets/images/portfolio/nlmk/logo.png
alt: НЛМК logo
link: https://nlmk.com/ru/
image: ~/assets/images/portfolio/nlmk/nlmk.png
imageAlt: Корпоративный портал для 53 тысяч пользователей
thumbnail:
src: ~/assets/images/portfolio/cards/nlmk.svg
alt: Собака Павлова • НЛМК • Дизайн корпоративного портала
tags:
- prom
- redesign
- mass
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[Точечный редизайн](/services/redesign), как в этом кейсе, и [многое другое](/services).
collection: services
page: redesign
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: res
- collection: portfolio
page: brighteye
- collection: portfolio
page: remtech
- collection: portfolio
page: gazprom-neft
- collection: portfolio
page: veza
- collection: portfolio
page: pgk
- collection: portfolio
page: geonaft
- collection: portfolio
page: flarm
result:
- src: ~/assets/images/portfolio/invision.png
text: Дизайн для десктопа
link: https://invis.io/DQ9SD1PFC
- src: ~/assets/images/portfolio/invision.png
text: Дизайн для планшета
link: https://invis.io/5RAKA4PCV
- src: ~/assets/images/portfolio/invision.png
text: Дизайн для телефона
link: https://invis.io/NQAEHGRTR
budget: ~ 1 900 000 ₽
review:
text: Портал мы сделали, использовали ваши макеты, да кое-что изменили, но от ваших наработок мы отталкивались и многое сохранили. Получили несколько премий. Кусочек этих премий ваш.
photo: ~/assets/images/portfolio/nlmk/person.png
person: Константин Соколовский
position: Директор по взаимодействию с клиентами и управлению качеством
director: Клиент сделал портал на основе нашего дизайна и выиграл несколько премий.
metadata:
canonical: https://sobakapav.ru/portfolio/nlmk
title: Корпоративный интерфейс • Дизайн корпоративного портала (практический кейс)
description: "Разработали дизайн внутреннего портала и личного кабинета сотрудника группы промышленных компаний. Сделали три версии макетов: для десктопа, телефона и планшета."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/nlmk/nlmk.png'
width: 1297
height: 1300
---
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[О проекте](#anchor1) • [На старт](#anchor2) • [Финал](#anchor3) • [Отзыв, цены, сроки](#anchor4)
</TOC>
## <a name="anchor1" />О проекте
[НЛМК](https://nlmk.com/ru/) — огромная группа компаний с представительствами по всему миру. У нее есть заводы в США, Франции, Бельгии, Дании и Италии. При этом основные производственные активы находятся в России, а 80% стальной продукции выпускает завод в Липецке.
_Заводы НЛМК находятся в России, Европе и США_
Собственно, НЛМК и расшифровывается как Новолипецкий металлургический комбинат. Это градообразующее предприятие. Сперва появился завод, а потом вокруг стали строить Новолипецк, чтобы рабочим было проще добираться. Сейчас это микрорайон в Липецке, но название осталось прежним. Да и географически Новолипецк отделен от остальной части города рекой, через которую проходит всего один мост.
_В правом нижнем углу — Новолипецк, отделенный от Липецка рекой Воронеж_
Только на металлургическом комбинате в Липецке работает 29 тысяч человек. А всего на предприятиях группы в разных городах трудятся 53 тысячи человек. Это очень много — практически небольшой городок со своей иерархией: бригадирами, начальниками, отделами кадров, юристами, менеджерами, директорами.
_Вид на НЛМК из Липецка_
Как это обычно бывает, все отделы и цеха НЛМК живут немножко сами по себе. Сталевары не в курсе новостей компании, сварщики не знают, в каком кабинете дают справки 2-НДФЛ, а литейщики не понимают, к кому обращаться с предложениями и вопросами. Короче говоря, информационная неопределенность.
В какой-то момент администрация решила, что так жить нельзя. Сотрудники есть, и с ними надо работать: мотивировать, развлекать, рассказывать новости компании, предоставлять необходимую информацию, объявлять новых начальников, погружать новичков в жизнь компании, предлагать курсы повышения квалификации, а для этого — наладить связь с каждым. Чтобы человек не думал, к кому идти за той же справкой, а делал все прямо с телефона.
_Площадь НЛМК — 28 квадратных километров. Размер небольшого провинциального города_
К нам НЛМК пришел за интерфейсами для внутреннего портала, который решил бы все HR-проблемы. Заказчик мечтал о системе, в которой любой сотрудник может за пять минут сделать все что угодно. Поэтому мы должны были разработать настолько понятный дизайн, чтобы простой рабочий мог зайти с телефона в портал и очень быстро в нем разобраться. Цех-то ждать не будет, пока сотрудник изучит все страницы.
Также на заводах руководство планировало поставить терминалы, через которые пользоваться порталом мог бы каждый, даже тот, у кого кнопочный телефон.
Вместе с вводными нам рассказали, что до нас этот проект разрабатывали уже две компании. Мы в этой цепочке были третьими.
## <a name="anchor2" />На старт
Сначала мы планировали поехать в Новолипецк поизучать пользователей. Но клиент отказался от любой аналитики — считал, что его экспертизы будет достаточно. Его можно понять. Все-таки до этого он вел два проекта с точно такой же задачей.
Но для нас чужая экспертиза — это скорее минус, чем плюс. Мы не можем проверить, насколько человек разбирается в мире пользователя. У клиента уже сформировано видение, и оно может отличаться от реальных потребностей, к примеру, сварщиков. Из-за этого растет риск сделать не то, что нужно.
_Рабочие НЛМК не сидят за компьютерами, а вот смартфон есть у каждого. Поэтому мобильная версия портала чуть ли не важнее, чем десктопная_
В итоге мы не смогли даже согласовать сценарии использования. Никаких документов, все на словах. Клиент был готов обсуждать только дизайн — все остальное его не интересовало. Тяжелая ситуация.
Поэтому с нашей стороны проект вел дизайнер. Прямо во время обсуждений он делал эскизы будущих страниц, слушая заказчика.
Портал для сотрудников стал не первой внутренней IT-разработкой НЛМК. У них уже было много разных сервисов на [SharePoint](https://products.office.com/ru-ru/sharepoint/collaboration), интегрированном с [SAP](https://www.sap.com/cis/index.html), и они планировали присоединить эти сервисы к порталу. И где-то вдалеке маячил 1С Битрикс. При этом сам портал должен был стать единой точкой входа в другие сервисы. Поэтому мы не могли придумывать все что угодно. Технологии предъявляли серьезные ограничения к разработке, и их нужно было учитывать. Чуть-чуть переборщишь с красотой, и ее потом не внедрить.
_Руководство планировало подключить уже существующие внешние сервисы НЛМК к порталу. Это ограничивало выбор в технологиях, а они, в свою очередь, диктовали требования к дизайну_
Весь проект мы разделили на несколько частей. Так оказалось проще и нам, и разработчикам. Они вообще были только рады что-нибудь декомпозировать — возможно, так проще писать код. Поэтому каждый блок мы делали по отдельности.
Вот так выглядит план декомпозированного проекта. Огромный документ с полным описанием функциональности и стоимости каждого блока. Клиенту такой план понравился — сразу видно, из чего будет состоять портал и какую пользу ему принесет каждая страница. Это бизнесовый подход, но у него есть серьезный недостаток: он совсем не учитывает интересы линейного персонала, ради которого весь проект и затевался.
_Единственный документ для разработки. В нем прописана вся функциональность портала_
[Декомпозиция функциональности](https://drive.google.com/file/d/1RoZdYHauvJhi5A5CPqwGpEzpBwp2zR1W/view?usp=sharing)
С другой стороны, мы-то про пользователей не забыли. Потому что для нас портреты и сценарии — важные документы при разработке дизайна. Просто показывали заказчику ту часть документов, которая понятна ему, а непонятную оставили себе.
Это нормально, хоть со стороны может показаться странным. Тут все дело в масштабах работы. Для проектов среднего размера мы используем диаграммы Ганта, но для огромных они, увы, не подходят — слишком много участников и форматов поставки, не везде нужна разработка и мобильная версия. Чтобы все задокументировать и ничего по пути не потерять, и нужен крупноблочный план. Крупным проектам — подходящие инструменты.
Проектирование и дизайн длились три месяца. Дизайнер выслушивал требования, рисовал, показывал страницы клиенту, получал обратную связь и на ходу доводил до ума принятые макеты. Обычный рабочий процесс: прототипы, дизайн, мобильные версии.
_Новостная лента_
_Расписание переговорок_
_Видео по охране труда_
_Профиль сотрудника_
_Редактирование отпуска_
_Мобильная версия портала_
_Мобильная версия портала_
## <a name="anchor3" />Финал
Заказчику понравился наш дизайн. Он его хвалил и говорил, что получилось очень удобно.
**Константин Соколовский**
Директор по взаимодействию с клиентами и управлению качеством
«Получившийся результат совместной работы нас полностью устроил. Прототип ровно в том виде, в котором он был разработан, ложится в основу запуска второго этапа проекта — этапа реализации портала. Это стало возможно в первую очередь благодаря профессиональной работе сотрудников „Собаки Павловой“».
Только в работу ничего не взял. То есть не сделал по нашему дизайну портал. Почему?
Когда мы только начинали работу, клиент планировал реализовать систему на тех технологиях, что уже были. Но под конец проекта он выбрал другие технологии. И разработчики не могли создать портал с нашим дизайном. Просто не срослось.
Это не хорошо и не плохо. Так бывает. Крупные компании могут позволить себе много подходов к снаряду. Когда проекты большие, непонятно, с какого конца подступиться к делу. Но бюджеты дают возможность им экспериментировать — с каждой попыткой видение продукта становится точнее.
НЛМК сперва попробовал сделать красиво — оказалось, что нужно удобство. К нам они обратились за удобством, но оказалось, что и этого недостаточно. Нужны еще и технологии. Когда выбрали технологию, требования к проекту снова поменялись.
Если мы правильно поняли, заказчик все-таки определился с технологиями и выбрал подрядчика, который [разработал портал](http://www.artwell.ru/portfolio/kommercheskie-zakazy/edinyy-korporativnyy-portal-gruppy-nlmk.html). Увы, без нашего дизайна.
Это нормально — масштабы задачи не позволяют с ходу все учесть и правильно сформулировать требования. Их тысячи. И только когда удается разгрести первую тысячу требований, показывается вторая. А потом — третья, четвертая и пятая.
Пользу НЛМК мы все равно нанести успели. Заказчик проверил свои гипотезы, увидел, каким может быть портал, начал шире и глубже понимать задачу. У него стало больше опыта и экспертизы. И отчасти наша заслуга в том, что следующий подрядчик справился с задачей.
С этим согласен и заказчик.
## <a name="anchor4" />