Редизайн корпоративного сайта компании

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

Перед нами стояла задача разработать современный корпоративный сайт, который:

• качественно и эффектно презентует компанию и её деятельность;

• даёт B2B-аудитории — покупателям концентрата и поставщикам — всю информацию для принятия решения о сотрудничестве;

• выдержан в едином графическом стиле брендбука ПАО «ММК» и соответствует уровню сайтов крупных промышленных холдингов;

• корректно работает на всех устройствах — от офисного монитора до смартфона.

Структура: от аудиторий — к разделам

Мы спроектировали структуру сайта от задач его ключевых аудиторий. Для каждой из них — свой сценарий и свой раздел:

•   Покупателям и заказчикам — ядро сайта. Раздел с боковым меню объединяет четыре страницы: систему менеджмента качества с сертификатами и фотографиями лаборатории, карточку продукции — концентрата угля марки «Ж» с техническими характеристиками, логистикой и пакетом документов для скачивания, страницу давальческих услуг с пошаговой схемой работы и формой заявки, а также страницу электронного документооборота через оператора «Диадок».

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

•   Компания — история и география предприятия, интерактивная карта активов от Магнитогорска до Кузбасса, производственные показатели в виде наглядных графиков: добыча угля, выпуск концентрата и инвестиции по годам.

•   Устойчивое развитие — раздел о промышленной безопасности и экологии: показатели LTIFR, инвестиции в охрану труда, проекты «Охота на риски» и «Электронная книга нарядов», а также одиннадцать подразделов вкладки «Экология» — от очистки сточных вод до климатической стратегии.

•   Пресс-центр — новостная лента с детальными страницами публикаций, фотоальбомами-слайдерами и просмотрщиком изображений.

•   Карьера — вакансии с формой отклика, контакты отдела кадров, ключевые мероприятия управления персоналом и отзывы работников.

Дизайн

Дизайн построен на визуальной идентификации Группы ПАО «ММК»: фирменный синий, узнаваемая графика с логотипом-литерой «М», строгая типографика. Ключевые цифры компании — запасы, добыча, инвестиции — оформлены как акцентные инфографические блоки, чтобы масштаб предприятия считывался с первого экрана. Стилистика выдержана в духе сайтов крупных промышленных холдингов: сдержанно, информативно, без визуального шума.

Технологическая платформа

Сайт реализован на «1С-Битрикс: Управление сайтом» (редакция «Стандарт»). Что важно в этой части проекта:

•   Производительность. Полная загрузка страниц — не более 3 секунд: кеширование, оптимизация изображений, минификация кода. Сайт стабильно выдерживает от 500 уникальных посетителей в час.

•   Безопасность. Настроен модуль «Проактивная защита» Битрикс: защита от XSS- и CSRF-атак, SQL-инъекций и автобрутфорса, регулярное обновление ядра CMS.

•   Адаптивность. Корректное отображение на мониторах от 1280px, планшетах в обеих ориентациях и смартфонах от 320px; кроссбраузерность в Chrome, Firefox, Safari, Yandex Browser и Edge.

•   SEO-фундамент. Человекопонятные URL, управление мета-тегами каждой страницы из админ-панели, автоматическая генерация sitemap.xml и редактируемый robots.txt.

•   Готовность к интеграциям. Заложена техническая возможность передачи данных из форм в CRM (AmoCRM, Битрикс24), подключения Яндекс.Метрики и Google Analytics, интеграции с сервисом ЭДО «Диадок» по API.

•   Самостоятельное управление контентом. Контент-менеджеры компании обновляют новости, показатели, документы и вакансии без привлечения разработчиков.

Как шла работа

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

2.   Прототипирование. Собрали прототипы ключевых страниц — главной, раздела «Покупателям и заказчикам», карточки продукции — и согласовали логику подачи информации.

3.   Дизайн. Разработали дизайн-концепцию на основе брендбука ПАО «ММК» и отрисовали все типовые страницы в десктопной и мобильной версиях.

4.   Вёрстка и разработка. Сверстали адаптивные шаблоны и собрали сайт на «1С-Битрикс»: инфоблоки для новостей, вакансий и документов, формы обратной связи, настройка ЧПУ и мета-тегов.

5.   Наполнение и тестирование. Перенесли и структурировали контент, проверили скорость, нагрузку, безопасность и отображение во всех целевых браузерах и на всех типах устройств.

6.   Запуск и поддержка. Запустили сайт на боевом домене mmk-coal.ru, обучили контент-менеджеров и предоставили гарантию на работы — 12 месяцев.

Компания получила современный корпоративный сайт, который выполняет роль полноценного канала коммуникации с покупателями, поставщиками, соискателями и прессой:

•   семь ключевых разделов, спроектированных от задач конкретных аудиторий;

•   B2B-раздел, который закрывает весь путь заказчика — от знакомства с системой качества до скачивания заявки на поставку и подключения к ЭДО;

•   загрузка страниц менее 3 секунд и устойчивая работа при 500+ посетителях в час;

•   дизайн в фирменном стиле Группы ПАО «ММК», адаптированный под все устройства;

•   SEO-готовая архитектура и возможность развития: подключение CRM, аналитики и API-интеграций.