Главное Авторские колонки Вакансии Образование
318 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Кейс: Разработка сайта для самого титулованного хоккейного клуба в Европе - «Металлург»

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

В 2013 году мы — SVK.Digital — сделали для «Металлурга» сайт, который получил несколько наград, а его UI‍-‍решения с удивительным постоянством начали появляться на других спортивных сайтах.

За эти годы отсутствие адаптивной версии стало проблемой — заходы с мобильных устройств в несколько раз превысили основной трафик. Плюс к технологическому отставанию добавились новые требования Континентальной хоккейной лиги.

Обсудив с клиентом, мы договорились о комплексном редизайне проекта с сохранением текущей программной платформы.


Так выглядела прежняя версия сайта


Что сделали

  1. Разобрали ВСЕ ветки сценариев при взаимодействии «болельщик — клуб»
  2. Через навигацию и взаимодействие рассказали болельщикам обо всех возможностях сайта
  3. Отрисовали БОЛЕЕ 200 макетов
  4. Создали англоязычную версию
  5. Собрали новый сайт «Металлурга»: красивый, аутентичный, динамичный

Смотрите видео, что получилось в итоге:

Главная страница

В новой версии сайта мы использовали 100% экрана! Ведь спорт требует полного погружения. Болельщик хочет узнать всё самое интересное сразу — мы вынесли на первый экран слайдер с важными событиями и ленту матчей.

Карточка игрока / Страница состава команды

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


Календарь матчей

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


Интерфейс трансляции матчей

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


Голосование за самого ценного игрока каждого матча

Вывели один из любимых разделов болельщиков ближе к ним — на главную страницу и на страницу новостей.


Конкурс прогнозов

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


Статистика матчей и игроков

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


Новые возможности e‍-‍commerce

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


Сайт сегодня

  1. 73% пользователей заходят с мобильных устройств. Проект стал адаптивным — теперь мобильным пользователям удобнее им пользоваться.
  2. 3 тысячи посетителей в месяц из‍-‍за рубежа. Появилась английская версия, сайт стал популярным среди фанатов со всего мира.
  3. 50 тысяч посетителей и 130 тысяч визитов в месяцВыросло техническое качество проекта (ИКС Яндекса, скорость загрузки страниц).
  4. 100 заказов на 600 тысяч рублей в месяц в среднемРазработали и оптимизировали направление e‍-‍commerce — от продажи фирменной атрибутики до онлайн-покупки билетов на матчи.


0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.