Экосистема сайтов ПФК ЦСКА

Задача — объединение сервисов в цифровую систему

ПФК ЦСКА — один из ведущих футбольных клубов Восточной Европы с богатой историей, многочисленными титулами и легендарными игроками. Клуб стабильно входит в число самых посещаемых в Российской Премьер‑лиге: в сезоне 2024–2025 его домашние матчи собирали в среднем около 12 238 болельщиков. ЦСКА стал первым российским клубом, взявшим европейский турнир — Кубок УЕФА.

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

Важно было:

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

Riverstart создали цифровую экосистему для ПФК ЦСКА, объединив основной сайт клуба, билетный сайт, личный кабинет болельщика и CRM для управления покупками болельщиков и программой лояльности. 

Систему можно масштабировать и встраивать в нее другие проекты клуба.

Бесшовный опыт использования сайтов и сервисов цифровой экосистемы

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

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

Масштабная работа над экосистемой

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

Riverstart:

• спроектировали всю экосистему ПФК ЦСКА;
• разработали официальный сайт клуба;
• проработали процессы покупки, включая схему выбора билетов на матч;
• создали личный кабинет болельщика;
• взяли на себя frontend билетного сайта и его интеграцию с backend;
• провели интеграцию с интернет-магазином;
• реализовали единую административную панель для управления контентом;
• объединили сервисы в цифровую экосистему;
• наполнили контентом.

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

Покупка билетов на интерактивной карте стадиона с 3D визуализацией

Riverstart создали для ЦСКА современную систему покупки билетов с выбором мест на интерактивной 3D‑карте ВЭБ Арены, охватывающей все 30 000 кресел. Подробная карта стадиона отображает статус каждого места — свободно оно или занято — и позволяет фильтровать по цене и удобным параметрам: места рядом со скамейкой запасных, семейные сектора, несколько кресел рядом для компании.

Отдельное внимание уделили семейным болельщикам: при покупке билетов удобно выбирать места рядом в семейных секторах на трибуне, добавлять детей в ЛК и пользоваться льготами.

Детализированный 3D‑рендер ультравысокого разрешения в 16K весит около 350 МБ и дает огромную нагрузку на сайт. Мы оптимизировали карту: использовали формат WebP без потерь качества и разрезали ее на тайлы — фрагменты, которые подгружаются при изменении масштаба. Так мы снизили нагрузку и сохранили высокую четкость картинки, карта работает быстро и корректно отображается на любых устройствах.

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

Единый личный кабинет болельщика — сохранили все учетки

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

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

В личном кабинете отображаются покупки и заказы — билеты, абонементы, мерч и услуги, есть система достижений и можно отслеживать прогресс по целям. Для придания индивидуальности мы создали уникальные аватарки в стиле ЦСКА.

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

Бонусная система и внутренняя валюта «биткони»

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

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

Количество сообщений от Mindbox может доходить до 10 млн записей в месяц. Чтобы стабильно обрабатывать такие объемы, мы сделали промежуточный буфер: сначала все сообщения отправляются во временное хранилище, а затем специальный сервис последовательно переносит их в основную базу. Дополнительно мы структурировали базу по месяцам, чтобы ускорить обработку.

Интеграция с CRM и мультиоплата

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

Наш партнер Highglossy проинтегрировал платформу с билетной системой «ИнфоТех» и CRM клуба, поэтому все заказы автоматически фиксируются в CRM и отображаются в личном кабинете болельщика. Клуб получает полные данные о покупках и активности аудитории, что помогает планировать маркетинговые кампании.

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

Подробная статистика и live‑режим матча

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

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

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

Интегрировали виджеты партнера ЦСКА — Fonbet. В карточках матчей отображаются коэффициенты на игру с переходом на сайт партнера — это дает болельщикам быстрый доступ к информации о ставках и усиливает партнёрскую интеграцию.

Яркие страницы о любимых игроках

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

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

Единая UI-система для всех цифровых продуктов ЦСКА

Мы создали более 1000 макетов с адаптивами для разных браузеров устройств. Дизайн сайтов экосистемы ЦСКА сохраняет характер бренда и делает цифровые сервисы понятными и удобными.

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

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

Чтобы сохранить единый стиль и минимизировать дублирование кода, наши фронтенд-специалисты создали три пакета:

• Общий UI‑kit —  библиотеку блоков и элементов, используемых во всех проектах. Это фундамент для всех цифровых продуктов клуба.
• Figma‑токены для автоматической синхронизации цветов и стилей между дизайном и кодом
• Пакет иконок — единый шрифт‑иконографику для всех сервисов.

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

Простое администрирование сайта и наполнение контентом

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

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

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

Инклюзивность сайта: проработали цифровую доступность для людей с инвалидностью

Среди болельщиков ПФК ЦСКА есть люди с ограниченными возможностями здоровья. Для них на базе ЦСКА действует отдельное сообщество — Клуб болельщиков с инвалидностью, его участники посещают матчи, экскурсии, автограф‑сессии и открытые тренировки. 

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

• Оптимизировали сайт для скринридеров — программ для озвучивания.
• Реализовали управление без мыши — только при помощи стрелок и табов на клавиатуре. 
• Создали отдельные информационные разделы — «Доступная среда» и «Клуб болельщиков ЦСКА с инвалидностью».

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

Экосистема готова к высоким нагрузкам

Система безопасна и стабильна: мы предусмотрели защиту от DDoS‑атак — трафик проходит через фильтры, которые блокируют вредоносные запросы. Для разработки и тестирования предусмотрели отдельные окружения, что позволяет выпускать обновления без риска для работающей версии сайта.

Сайты готовы к высоким нагрузкам. Мы провели испытания с помощью инструмента K6, который позволяет моделировать одновременный визит большого числа пользователей и выявлять узкие места системы. Сайт стабильно выдерживает до 10 000 одновременных пользователей — этого достаточно, чтобы без сбоев обслуживать наплыв аудитории в дни матчей и крупных событий. 

Результат — рост вовлеченности и конверсий

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

Реализовали:

• общую дизайн-систему: UI‑kit, иконки, Figma‑токены для синхронизации дизайна и кода;
• создали более 1 000 макетов с адаптивами для разных браузеров и устройств;
• сквозную авторизацию в ЛК;
• бесшовные переходы между сервисами;
• новую покупку билетов на 3D-схеме стадиона;
• инструменты для повышения вовлеченности пользователей;
• интеграции с CRM, системой статистики и эквайрингом;
• единую админпанель.

На новом сайте выросла вовлеченность. На основном сайте проводят почти вдвое больше времени и просматривают почти вдвое больше страниц: глубина просмотра +93%, время +97%. Отказов меньше на 51%. На мобильных глубина просмотра +82%, время +80%, отказов меньше на 45%.

Выросли конверсии в покупку билетов: на всех устройствах +130% конверсий.