Группа НЛМК — лидирующий международный производитель высококачественной стальной продукции.

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

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

Фирменные цвета бренда используются в качестве поддерживающих и отвечают за общую стилистику, но при этом каждая группа товаров имеет свой акцентный цвет — голубой для саморезов КРУТ, зеленый для щебня, красный для горячекатаного проката и т.д.
Яркий дизайн с сохранением единого стиля бренда позволяют по-особенному раскрыть каждый продукт на фоне других.

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

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

Результат
Все лендинги в рамках системы выполняют единые цели: интересно презентуют продукт и мотивируют аудиторию к покупке. Визуальные решения транслируют технологичность компании и акцентируют внимание на соответствие международным стандартам качества.

