Единая цифровая экосистема ПФК ЦСКА

1. Вводная задача от заказчика, проблематика, цели

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

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

Задачи проекта:

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

Проект длился около 8 месяцев — 14 тыс. рабочих часов, от Riverstart в команду вошли 44 специалиста. Участие также принимали 6 экспертов со стороны клуба.

В общей сложности реализовали:

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

Подробнее о решениях:

1. Бесшовное использование и единый личный кабинет

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

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

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

2. Интерактивная покупка билетов на 3D-схеме

Для покупки билетов сделали интерактивную схему стадиона — детализированный 3D-рендер ВЭБ Арены, охватывающей все 30 000 кресел. Он отображает статус каждого места и позволяет фильтровать по цене и параметрам.

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

3. Система лояльности и достижения

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

Интегрировали CRM Mindbox, она обменивается с сайтом данными о действиях пользователей, автоматически учитывает начисление и списание бонусов.

4. Единая UI-система для всех сервисов

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

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

Создали более 1000 макетов с адаптивами для разных браузеров и устройств.

5. Управление

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

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

3. Результаты сотрудничества

Результат — рост конверсии в 2,3 раза и улучшение пользовательского опыта после объединения разрозненных сервисов футбольного клуба ЦСКА в цифровую экосистему.

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

Успешно выполнили поставленные задачи:

• Привели дизайн сервисов ЦСКА к единому стилю, создали общую дизайн-систему.
• Сделали быстрый и интуитивный процесс покупки билетов на интерактивной 3D-схеме стадиона.
• Обеспечили мультиоплату, чтобы пользователь мог в один чек оплачивать билеты и парковку.
• Реализовали геймификацию: внутреннюю валюту «биткони», систему достижений.
• Унифицировали управление контентом через единую админпанель.

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

4. Заключение

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

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

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