
Металлург
(Магнитогорск) Магнитогорский «Металлург» — самый титулованный хоккейный клуб в Европе в новейшей истории России, Двукратный обладатель Кубка Гагарина и один из ключевых участников Континентальной хоккейной лиги (КХЛ).О проекте
В 2013 году мы сделали для «Металлурга» сайт, который получил несколько наград, а его UI-решения с удивительным постоянством начали появляться на других спортивных сайтах. За эти годы отсутствие адаптивной версии стало проблемой — заходы с мобильных устройств в несколько раз превысили основной трафик.
В 2019 году к технологическому отставанию добавились новые требования Континентальной хоккейной лиги: с нового сезона у всех сайтов клубов КХЛ должны быть мобильная и английская версии.
Обсудив с клиентом возможные варианты реализации, мы договорились о комплексном редизайне проекта с сохранением текущей программной платформы.
Главные задачи
-
Сделать комплексный редизайн сайта
-
Упростить покупку билетов на матчи
-
Привлечь болельщиков в магазин атрибутики
-
Создать англоязычную версию сайта





Что сделали
-
Разобрали ВСЕ ветки сценариев при взаимодействии «болельщик — клуб»
-
Через навигацию и взаимодействие рассказали болельщикам обо всех возможностях сайта
-
Отрисовали БОЛЕЕ 200 макетов
-
Создали англоязычную версию
-
Собрали новый сайт «Металлурга»: красивый, аутентичный, динамичный
Главная страница
В новой версии сайта мы использовали 100% экрана! Ведь спорт требует полного погружения. Болельщик хочет узнать всё самое интересное сразу — мы вынесли на первый экран слайдер с важными событиями и ленту матчей.

Карточка игрока / Страница состава команды
Создали новый стандарт изображений для сайта, крупные стильные блоки и анимацию. Предложили болельщику выбор: смотреть страницу в виде карточек (красиво) или списком (лаконично и быстро).


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




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



Голосование за самого ценного игрока каждого матча
Вывели один из любимых разделов болельщиков ближе к ним — на главную страницу и на страницу новостей.
Конкурс прогнозов
Болельщики пробуют угадать результаты будущих матчей команды и получают призы от клуба по итогу сезона. Мы обновили этот популярный раздел сайта.

Статистика матчей и игроков
Мы сделали раздел статистики понятным каждому. И интегрировали его с КХЛ, чтобы данные всегда были актуальны.

Новые возможности e-commerce
«Сделайте так, чтобы купить билет на хоккей стало так же просто, как в кино», — поставил задачу заказчик. И мы ее выполнили. Затем разработали страницу абонементов и заново собрали онлайн-магазин фан-атрибутики.





Интернет магазин с фан атрибутикой
Сайт сегодня
-
73% пользователей заходят с мобильных устройств
Проект стал адаптивным — теперь мобильным пользователям удобнее им пользоваться.
-
3 тысячи посетителей в месяц из-за рубежа
Появилась английская версия, сайт стал популярным среди фанатов со всего мира.
-
50 тысяч посетителей и 130 тысяч визитов в месяц
Выросло техническое качество проекта (ИКС Яндекса, скорость загрузки страниц).
-
100 заказов на 600 тысяч рублей в месяц в среднем
Разработали и оптимизировали направление e-commerce — от продажи фирменной атрибутики до онлайн-покупки билетов на матчи.
Награды
«Золотой сайт», II место в номинации «Сайт спортивной организации, клуба, команды»
CSS Design Awards, Special Kudos Award


Благодарим нашего партнера по разработке — старшего менеджера отдела информационных технологий «Металлурга» Виталия Витальевича Кузнецова!
Команда проекта
-
Лазарев Евгений
Менеджер проекта
-
Конюшенко Татьяна
Дизайн
-
Штарев Андрей
Дизайн
-
Пакулева Анна
Дизайн
-
Канюков Сергей
Frontend
-
Семёнов Сергей
Frontend
-
Тарасенко Дмитрий
Frontend
-
Ломакин Александр
Backend
-
Шорина Анна
Тестирование
-
Филиппов Сергей
Куратор
Сайт находится на поддержке (с 2013 года, новая версия — с 2020 года)
Почитать кейс разработки первой версии сайта
Хотите, чтобы и ваш проект был выполнен с таким же вниманием к деталям и фокусом на задачи вашего бизнеса?
Смотреть похожие проекты