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

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

Разработали яркий и эмоциональный сайт хоккейной команды. Увеличили количество визитов на 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

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

Награды
1
Премия КХЛ по маркетингу и коммуникациям
«Лучший интернет-сайт» 2024
Премия КХЛ по маркетингу и коммуникациям
«Лучший интернет-сайт» 2024
Фронтенд
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