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

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

Разработали яркий и эмоциональный сайт хоккейной команды.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фронтенд
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 (831) 2-889-354

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

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

+7 (499) 112-46-21