Корпоративный сайт Северстали

Единая digital-платформа, объединяющая группу сайтов и суббрендов компании. Блочная разработка, формирование дизайн-системы и цифрового брендбука

Северсталь — ведущий производитель продукции из стали, лидер металлургии будущего.

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

Серебро. Лучший usability / UX

Основная проблема

В группу Северстали входит несколько суббрендов и предприятий — ЧерМК, Метиз, ИТЗ, Шексна, Олкон, Карельский окатыш, Воркутауголь — и у каждого из них был свой личный сайт. Ранее мы делали единую дизайн-систему для сайтов всех дочерних предприятий, а теперь нам требовалось объединить все бизнес-единицы в одну диджитал платформу, которая раскрывает полную информацию о компании, имеет удобный каталог по обновленной линейке продукции и обеспечивает доступ к сервисам и услугам для партнеров и клиентов.

Ключевая идея

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

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

Единая дизайн-система

Единая дизайн-система, синхронизированная с новым брендом и стратегией.

На этапе дизайна оказалось крайне важно разработать единую систему принципов, стилей и методов для работы над сложной системой корпоративного сайта. Подобное руководство позволяет добиться единой стилистики при проектировании страниц, легкой масштабируемости и удобной работы с разными объемами информации.

Дизайн-система для сайта Северстали включает в себя 5 схем модульной компоновки и 74 типа блока, а с альтернативными вариантами — более 200. В части фронта мы использовали систему поблочной сборки на базе «1С-Битрикс». 127 готовых шаблонов блоков позволяют быстро создавать новые страницы, а также масштабировать и корректировать уже существующие без привлечения разработчиков.

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

Заключение

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

Сookies

Продолжая использовать сайт, вы соглашаетесь с тем, что мы используем cookies