Цель проекта — создать современный удобный цифровой инструмент в индустрии спорта, который увеличит конверсию продаж, а следовательно и доходы спортивного клуба, за счет предоставления болельщикам более комфортной платформы решения их задач.
Мы создали единую цифровую экосистему ПФК ЦСКА, объединив основной сайт, билетный сервис, интернет-магазин, личный кабинет болельщика и CRM систему.
Болельщик может использовать все цифровые сервисы клуба в одном месте: посмотреть счет и статистику, узнать новости, купить билет на игру, экскурсию на стадион, атрибутику, оплатить парковку у стадиона, записать ребенка в детский клуб и многое другое, находясь на одной платформе в одном личном кабинете.
Экосистема:
— поддерживает сквозную авторизацию в личном кабинете сразу во всех сервисах экосистемы;
— дает бесшовный опыт использования за счет единого ЛК, унифицированного дизайна и интерфейса;
— предлагает максимально быстрый и простой процесс покупки .
Для клуба это единая точка управления аудиторией: помогает собирать данные для маркетинга и планирования, развивать коммерческие направления и укреплять бренд.
Мы успешно выполнили задачу по улучшению пользовательского опыта:
— Почти вдвое выросла вовлеченность на основном сайте: улучшились глубина просмотра, время на сайте и показатель отказов.
— В 2,3 раза увеличилась конверсия на билетном сайте.
Экосистема готова к расширению новыми сервисами и проектами, они тоже будут доступны через единый ЛК, будут иметь унифицированный визуальный стиль и управление контентом через единую админпанель.
Как проект изменил жизнь пользователей
Обычно официальный сайт клуба — это информационный портал, а для покупки билетов или мерча он отправляет пользователя на отдельные ресурсы — в интернет-магазин или билетный сайт со своими личными кабинетами и интерфейсами. Единая экосистема позволяет использовать сервисы клуба бесшовно — как одну платформу через один личный кабинет и с единым понятным дизайном.
Болельщик может покупать билеты, сувениры и мерч, оплачивать парковку, следить за новостями клуба, накапливать и тратить бонусы и управлять единым профилем так, как будто все это находится на одном сайте. При этом мы перенесли существующие личные кабинеты пользователей в новую систему, так что сохранились данные и история покупок.
Отдельное внимание уделили семейным болельщикам: при покупке билетов удобно выбирать места рядом в семейных секторах на трибуне, добавлять детей в ЛК и пользоваться льготами.
Система достижений с элементами геймификации в личном кабинете мотивирует быть более вовлеченным в жизнь клуба, зарабатывать «биткони» за активность и тратить их на сувениры.
Бизнес-задача и ее решение
Мы объединили разрозненные платформы футбольного клуба ЦСКА в цифровую экосистему и достигли поставленной цели — экосистема показывает увеличение конверсии и улучшение пользовательского опыта.
— Показатели вовлеченности на основном сайте: на сайте проводят почти вдвое больше времени и просматривают почти вдвое больше страниц. Глубина просмотра +93%, время +97%, отказов меньше на 51%. На мобильных устройствах глубина просмотра +82,%, время +80%, отказов меньше на 45%.
— Конверсии и вовлеченность на билетном сайте: на всех устройствах +130% конверсий, время +98%.
Мы успешно выполнили поставленные задачи:
1. Привели дизайн сервисов к единому стилю, создали общую дизайн-систему для существующих и будущих сайтов клуба: UI‑kit, иконки, Figma‑токены для синхронизации дизайна и кода.
2. Переработали схему покупки билетов, сделав процесс быстрым и интуитивным на интерактивной 3D-схеме стадиона с удобными фильтрами.
3. Интегрировали Uniteller для мультиоплаты, чтобы пользователь мог в один чек оплачивать билеты, экскурсии и парковку.
4. Реализовали инструменты для вовлеченности болельщиков: интеграцию с CRM для сбора информации, внутреннюю валюту «биткони», систему достижений в личном кабинете.
5. Унифицировали управление контентом на сайтах через единую админпанель.
6. Улучшили пользовательский опыт в цифровых сервисах клуба, сделав использование удобнее за счет бесшовности, сквозной авторизации на проектах и продуманной структуры.
Работа велась в постоянном взаимодействии с заказчиком: совместно прорабатывали структуру, прототипы и 3D-карту стадиона, сценарии покупки билетов, оплаты и использования бонусов.
Что реализовали в процессе работы над экосистемой:
1. Сквозная авторизация: один личный кабинет на все сервисы. Перенесли информацию со старого сайта, поэтому у пользователей сохранились данные и достижения.
2. Ощущение бесшовности: единый визуальный стиль для экосистемы, унифицированные хедеры и навигация.
3. Интеграция с «ИнфоТех» (совместно с компанией Highglossy) и CRM клуба: система собирает данные о действиях болельщиков на сайте, учитывает их покупки и помогает делать персональные предложения. Достижения в личном кабинете помогают удерживать внимание и повышать вовлеченность. Внутреннюю валюту «биткони» можно получить за достижения и обменять на билеты, скидки, услуги и сувениры.
4. Новый процесс покупки: интерактивная карта стадиона с 3D-визуализацией покрывает все 30 000 мест и оснащена фильтрами для выбора места. Мультиоплата: пользователь в один чек покупает билет, оплачивает парковку и заодно берет сувенир, а система Uniteller распределяет транзакции по нужным юрлицам.
5. Live‑режим: голы, карточки, замены, статус матча.
6. Административная панель для экосистемы: единые требования к контенту и алгоритмы заполнения. Конструктор динамических страниц позволяет собирать уникальные страницы из готовых блоков.
7. Инклюзивность: сайт оптимизирован для скринридеров и клавиатурного управления без мыши.
8. Защита от DDoS‑атак и готовность к высоким нагрузкам: система стабильна при 10 000 одновременных пользователей.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Старые версии сервисов были созданы разными командами и использовали свои механизмы авторизации. Подрядчики провели масштабную работу для объединения в единую систему, чтобы можно было использовать их бесшовно через один ЛК:
— спроектировали экосистему ПФК ЦСКА и объединили сервисы;
— разработали новый основной официальный сайт клуба;
— проработали процессы покупки, включая схему выбора билетов на матч;
— создали личный кабинет болельщика, сохранили все данные пользователей;
— провели интеграцию с интернет-магазином;
— реализовали единую административную панель для управления контентом с конструктором страниц.
Еще одна сложность — интерактивная схема стадиона для покупки билетов. Схема — детализированный 3D-рендер стадиона в ультравысоком разрешении (16K) весом около 350 МБ. Чтобы при покупке не загружать 350 МБ, мы использовали формат WebP со сжатием без потерь и разрезали карту на тайлы, которые подгружаются поэтапно при изменении масштаба. Это ускорило загрузку без потери качества.
Все сложности получилось преодолеть, в итоге у клуба появилась управляемая и масштабируемая цифровая платформа, которая может стать примером для других спортивных организаций.
Скриншоты
Видео
Tweet
Share
Share
Бронза
• Лучший сайт об искусстве / культуре / развлечениях