ФК «Спартак»

UX-концепция главной страницы официального сайта: от новостной витрины к последовательному пути болельщика.

UX-аудит Главная страница Сценарная структура Sports / Football
UX-концепция главной страницы ФК Спартак
Роль
UX/UI дизайнер
Формат
UX-концепция без доступа к внутренней аналитике
Фокус
Главная страница, навигация, сценарии болельщика

О проекте

Проект посвящён UX-концепции главной страницы официального сайта ФК «Спартак». Я сфокусировался только на главной странице и пересобрал её структуру вокруг ключевых пользовательских сценариев.

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

Вводные от работодателя

Работа выполнялась как ответ на конкретное обращение: нужно было показать моё видение главной страницы ФК «Спартак» и предложить более сильную композицию с точки зрения UX/UI.

В задании были обязательные элементы, которые нельзя было убрать: статистика из четырёх блоков, календарь матчей, последние 15 матчей, Fan Zone, официальная рассылка ФК «Спартак» и новости.

Поэтому задача состояла не в том, чтобы придумать страницу с нуля, а в том, чтобы сохранить заданный состав блоков и выстроить их в более понятный пользовательский сценарий.

Исходная страница

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

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

Текущая главная страница spartak.com — часть 1 Текущая главная страница spartak.com — часть 2 Текущая главная страница spartak.com — часть 3 Текущая главная страница spartak.com — часть 4 Текущая главная страница spartak.com — часть 5

Текущая главная страница spartak.com

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

Текущая главная страница spartak.com

Что было важно улучшить

Приоритизация сценариев

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

Связь матча и календаря

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

Спортивный контекст

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

Сервисные задачи

Болельщику нужны быстрые входы в билеты, схему стадиона, правила посещения, маршрут, экскурсии и дополнительные сервисы.

Пользовательские сценарии

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

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

Следующий матч

Когда игра? С кем? Где? Во сколько? Можно ли купить билет?

Календарь

Какие матчи дальше? Какие дома, какие в гостях? Где открыть матч-центр?

Форма команды

Как команда играет сейчас? Сколько побед, ничьих и поражений?

Новости

Что произошло в клубе? Какие есть интервью, медиа и официальные обновления?

Поход на стадион

Как добраться? Где вход? Нужен ли Fan ID? Какие правила посещения?

Команды клуба

Основа, ЖФК, молодёжка, Спартак-2, академия.

Новая логика страницы

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

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

01Главный матч
02Календарь
03Форма команды
04Новости
05Болельщикам
06Команды клуба

Новая главная

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

Новая UX-концепция главной страницы ФК Спартак — верхняя часть Новая UX-концепция главной страницы ФК Спартак — нижняя часть

Главный матч

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

Вместо абстрактного промо-блока главный экран решает конкретную задачу: быстро ответить на вопрос “когда следующий матч и что я могу сделать дальше?”.

Было существующая главная
Было — главный экран
Стало новая концепция
Стало — главный экран

Календарь

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

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

Было календарь в общей ленте
Было — календарь
Стало связка матч → календарь
Стало — календарь

Форма команды

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

Блок не называется аналитикой для ставок и не провоцирует пользователя на рискованные действия. Он подаётся нейтрально — как статистика формы команды и последние результаты.

Блок последних 15 матчей и форма команды

Календарь отвечает на вопрос “что будет дальше”, а последние матчи — на вопрос “с каким результатом команда подходит к этим играм”.

Новости

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

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

Было новости появляются рано
Было — новости
Стало после спортивного контекста
Стало — новости

Болельщикам

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

Так главная страница становится не только информационной, но и сервисной: если пользователь собирается на матч, ему не нужно искать базовую информацию в глубине сайта.

Сервисный блок для болельщиков

Команды клуба

На главной добавлен явный вход в разные направления клуба: основа, женская команда, молодёжка, Спартак-2 и академия.

Это помогает показать клуб шире и даёт пользователям быстрый доступ к нужной команде без поиска в меню.

Блок команды клуба

Навигация

Меню было пересобрано с учётом приоритета рубрик. Самые частые и коммерчески важные сценарии — билеты, абонементы, матчи, магазин и команда — вынесены в верхнюю навигацию.

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

Было / стало

БылоСтало
Главная воспринимается как длинная витрина контента.Главная выстроена как последовательный путь болельщика.
Много новостей, видео, баннеров и промо-блоков конкурируют за внимание.Сначала матч, календарь и спортивный контекст, затем новости и сервисы.
Сервисные сценарии менее заметны и распределены по меню или футеру.Добавлен отдельный блок “Болельщикам” с быстрыми входами.
Команды клуба не имеют сильного визуального входа с главной.Добавлен блок “Команды клуба”: основа, ЖФК, молодёжка, Спартак-2 и академия.
Меню менее очевидно с точки зрения пользовательских приоритетов.Навигация пересобрана вокруг ключевых сценариев пользователя.

Почему новая структура сильнее

1. Быстрее отвечает на главный вопрос

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

2. Продолжает спортивный сценарий

После афиши идут календарь и форма команды, а не разрозненные промо-блоки.

3. Снижает когнитивную нагрузку

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

4. Увеличивает доступность сервисов

Билеты, маршрут, правила посещения и схема стадиона становятся видимыми на главной странице.

5. Расширяет образ клуба

Отдельный блок команд показывает “Спартак” как клубную систему: основа, ЖФК, молодёжка, резерв и академия.

Ограничения

Проект выполнен как UX-концепция без доступа к внутренней аналитике клуба. Выводы основаны на эвристической оценке, сценарном анализе и сравнении структуры текущей главной страницы с новой концепцией.

Для проверки гипотез потребовались бы данные веб-аналитики: CTR на покупку билета, переходы в матч-центр, клики по календарю, глубина просмотра страницы и использование сервисных разделов.

Метрики для проверки гипотез

Билеты

CTR на кнопку “Купить билет” и переходы из hero и календаря.

Матч-центр

Переходы в матч-центр из карточек ближайших игр.

Календарь

Клики по карточкам матчей и переходы в полный календарь.

Болельщикам

Использование разделов “Как добраться”, “Схема стадиона” и “Правила посещения”.

Команды

Переходы в ЖФК, молодёжку, Спартак-2 и академию.

Глубина

Скролл до нижних блоков, глубина просмотра и вовлечённость страницы.

Итог

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

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

Made on
Tilda