Новый сайт ХК «Спартак» Москва

Новый сайт ХК «Спартак» Москва

Разработали яркий и эмоциональный сайт хоккейной команды. Увеличили количество визитов на 238%, посетителей на 213% и улучшили поведенческие параметры.

2024
Разработка сайта
spartak.ru

Хоккейный клуб «Спартак» Москва — одна из популярнейших команд Континентальной Хоккейной Лиги. Riverstart разработали новый официальный сайт Клуба. Яркий, информативный ресурс решает все потребности болельщика на любом устройстве и привлекает интересным контентом. Пользователь может узнать счет, посмотреть расписание матчей, купить билет, прочитать новости, познакомиться с игроками и историей Клуба.

Новый сайт начал работу в марте 2024 года. Стало больше пользователей: визиты увеличились на 238%, а посетители на 213%. Они стали проводить больше времени на сайте и изучать контент: отказы уменьшились на 153%, глубина просмотра выросла на 126%, время на сайте — на 146%. Стало больше пользователей, которые приходили на сайт повторно — на 130%. 

Аналитика: бенчмаркинг и глубинные интервью болельщиков

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

  • Проанализировали Яндекс.Метрику: нашли зоны роста и выделили паттерны поведения аудитории.
  • Провели 12 глубинных интервью с болельщиками команд, выступающих в КХЛ: узнали, что им интересно, какие задачи они хотят решить с помощью сайта.
  • Провели бенчмаркинг: изучили базу сайтов спортивных команд в России и в мире, нашли удачные идеи.

Использовали инсайты из своего опыта модернизации сайта ХК «Торпедо» и UX-аудита сайта ФК «Пари-НН».

Сайт с характером: драйв, эмоции и движение

Новый сайт ХК «Спартак» Москва выглядит ярко и агрессивно, транслирует силу команды и уверенность в победе. Мы использовали много движения в оформлении:

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

Быстрый доступ к самому важному

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

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

  • Первый экран главной показывает итоги прошедшего матча и дату следующего.
  • Меню дает быстрый доступ к календарю и возможность быстро купить билет или абонемент.
  • Блок новостей сообщает обо всем, что произошло. Причем новости скомпонованы по инфоповодам, чтобы точно ничего не пропустить.

Календарь игр и быстрая покупка билета на матч

Во время бенчмаркинга мы обращали внимание на то, как разные спортивные сайты отображают расписание матчей. Адаптировали самые удачные решения и создали календарь на сайте ХК «Спартак» Москва.

  • Пришли к делению матчей на домашние и выездные.
  • Отобразили основную информацию: с кем играем, когда и во сколько начало.
  • Вывели кнопку для быстрой покупки билета или абонемента на матчи сезона.

Новости объединены инфоповодами, чтобы не пропустить важное

В разделе новостей пользователь увидит привычную ленту, а на главной новости отображаются блоками по инфоповодам. Например, по важному матчу, за которым сейчас следят все болельщики ХК «Спартак» Москва. Болельщик сразу увидит подборку новостей по интересующему его событию и сможет обойтись без поиска. Новый способ подачи новостей вовлекает и увеличивает глубину просмотра сайта.

«Спартак ТВ»: видео без тормозов

Болельщик из любой точки мира может посмотреть хайлайты, интервью и другие видео на официальном сайте Клуба Видео «Спартак ТВ» воспроизводятся со стороннего хранилища, поэтому загружаются быстро и не тормозят систему. 

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

Игроки — супергерои: состав команды и карточка игрока

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

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

Турнирная таблица: все о борьбе за чемпионство

Турнирная таблица отражает успехи Клуба в соревновании за первенство. Есть отображение сетки Плей-офф и таблицы регулярного чемпионата. 

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

Статистика игры на карточке матча

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

История Клуба, которой гордятся

У «Спартака» богатая история, которая начинается 1946 году и сопровождается громкими достижениями на отечественной и международной арене, легендарными тренерами и игроками, которыми гордится Клуб. 

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

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

Сайт ХК «Спартак» Москва решает все задачи болельщика

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

Сравним статистику новой и старой версии сайта клуба. Возьмем периоды с 1 марта по 1 июля за 2023 и 2024 год. 

  • Увеличилось количество пользователей, интересующихся порталом клуба: визиты +238%, посетители +213%.
  • Улучшились поведенческие показатели: отказы -153%, глубина просмотра +126%, время на сайте +146%.
  • Стало больше пользователей, которые приходили на сайт повторно: +130%.
  • Выросли показатели мобильной версии: визиты +155% и посетители +136%. Время на сайте +143%, глубина просмотра +167%.
  • На смарфтонах стало удобнее читать новости: проведенное время +243%, глубина просмотра +167%, визиты +178%.
Результат работы команды Riverstart
Создали яркий, эмоциональный и информативный сайт ХК «Спартак» Москва, который помогает болельщикам следить за успехами и жизнью Клуба.
Результат работы команды Riverstart

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

Награды
2
Премия КХЛ по маркетингу и коммуникациям
«Лучший интернет-сайт» 2024
Премия КХЛ по маркетингу и коммуникациям
«Лучший интернет-сайт» 2024
«Золотой сайт» 2023, серебро
«Сайт спортивной организации, клуба, команды»
«Золотой сайт» 2023, серебро
«Сайт спортивной организации, клуба, команды»
Фронтенд
HTML
HTML
CSS
CSS
JS
JS
Node.js
Node.js
Vue.js
Vue.js
TypeScript
TypeScript
Бэкенд
MODX
MODX
MySQL
MySQL
PHP
PHP

Обсудить проект

Расскажите о проекте в форме или свяжитесь с нами напрямую

hello@riverstart.ru

Написать нам на почту

@hello_riverstart

Написать нашему аккаунт-директору в Telegram

Нижегородский офис

ул. Рождественская, 26

+7 (499) 647-72-72

Московский офис

Новая площадь, 6