Новый сайт ХК «Спартак» Москва: яркий сайт хоккейного клуба с характером

Хоккейный клуб «Спартак» Москва — одна из популярнейших команд Континентальной Хоккейной Лиги.

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

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

Команда Riverstart сделала новый сайт хоккейного клуба, соответствующий запросу заказчика и востребованный у аудитории.

Для этого мы провели масштабную аналитику: бенчмаркинг сайтов спортивной тематики, глубинные интервью болельщиков КХЛ и анализ статистики и интерфейса исходной версии сайта. Также использовали накопленный опыт работы с другими спортивными клубами: ХК «Торпедо» и ФК «Пари-НН».

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

Проработали техническую сторону, чтобы сайт выдерживал высокие нагрузки. В зависимости от сезона сайт посещают примерно 180-78 тыс человек в месяц, он должен обеспечивать быстродействие на десктопе и мобильных устройствах и работать без задержек.

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

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

1. Провели 12 глубинных интервью с с болельщиками «Спартака» и других клубов из КХЛ.

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

2. Изучили статистику и интерфейс исходного сайта.

Проанализировали данные Яндекс.Метрики исходного сайта: выделили паттерны поведения по посещаемости разделов, отказам и другим метрикам, нашли зоны роста.

3. Провели бенчмаркинг сайтов отрасли.

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

4. Использовали накопленный опыт.

Мы уже работали над сайтами из сферы спорта: модернизировали сайт ХК «Торпедо», провели UX-аудит сайта ФК «Пари-НН», чтобы создать новую концепцию, так что мы развили насмотренность и представление о том, каким должен быть современный спортивный сайт.

Выводы из исследования мы использовали в прототипировании сайта, создании интерфейса и дизайне.

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

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

1. Итоги прошедшего матча и дата следующего видны сразу после перехода на сайт

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

2. Меню: быстрый доступ к календарю и покупке билетов и абонементов

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

С этими выводами мы собрали календарь матчей:

— Разделили матчи на домашние и выездные.

— Отобразили самое важное об игре: с кем, когда, во сколько. 

— Сразу дали возможность купить билет, как только появляется такая потребность — кнопка появляется в нужном месте воронки.

3. Новости: и по хронологии, и по инфоповодам.

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

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

Новый способ подачи новостей вовлекает и увеличивает глубину просмотра сайта.

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

Видео загружаются быстро, работают без сбоев и не тормозят систему, потому что мы реализовали воспроизведение со стороннего хранилища.

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

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

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

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

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

Купить билет на предстоящий матч можно сразу, не нужно идти в меню.

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

1. История клуба — яркий хронологический рассказ о становлении и развитии хоккейной команды.

2. Зал славы — раздел о "легендах" Спартака: тренерах и чемпионах разных лет.

3. Страница о конкретной "легенде" — персональная страница о тренере или выдающемся игроке, где собрана его история.

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

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

Мы передали эту идею в дизайне и интерфейсе:

— использовали много движения в оформлении: пользователя встречает динамичное видео, которое настраивает на предвкушение матча, ожидание победы и переживания за любимую команду;

— использовали эмоциональность: видео и фотографии показывают чувства игроков на поле и болельщиков на трибунах;

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

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

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

1. Увеличилось количество пользователей, интересующихся порталом клуба: визиты +238%, посетители +213%.

2. Улучшились поведенческие показатели: отказы -153%, глубина просмотра +126%, время на сайте +146%.

3. Стало больше пользователей, которые приходили на сайт повторно: +130%. 

4. Выросли показатели мобильной версии: визиты +155% и посетители +136%. Время на сайте +143%, глубина просмотра +167%. 

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