
Магнитогорский металлургический комбинат — один из крупнейших мировых производителей стали.

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

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

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


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


После согласования подхода общей визуальной концепции и стилистики, мы разработали дизайн 160 страниц сайта. Весь объем страниц был разделен на 6 пулов и передавался на верстку раз в неделю. Для того чтобы соблюсти сроки, мы разработали специальную схему согласования страниц. Так, например, отдав второй пул на согласование, мы параллельно делали третий и вносили правки в первый. Такой подход позволил в очень короткий срок сделать и утвердить со всеми стейкхолдерами большой объем страниц, и вовремя сдать проект.



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


Результат
В совокупности получилась дизайн-система, которая учитывает в себе элементы брендбука компании, обновленной визуальной коммуникации и создает узнаваемость бренда ММК в digital среде.
