Сайт для легендарного спортивного клуба ЦСКА

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

bg-1440
SCROLL

О проекте

ЦСКА — ведущая спортивная организация Вооруженных Сил РФ, развивающая профессиональный и массовый спорт.

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

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

Клиент Федеральное автономное учреждение Минобороны РФ “ЦСКА”
Год разработки 2025
Сфера Спортивная организация
Экспертизы UX/UI дизайн, frontend и backend разработка, QA тестирование, аналитика
ЦСКА — самый большой спортивный клуб в России
Задача состояла в том, чтобы превратить старый сайт клуба в современный портал, где миллионы пользователей получат доступ к новостям любимых команд, запишут ребёнка в секцию или оплатят аренду зала – просто в пару кликов.
cska-logo
2х ↓
сократился путь до нужной информации
1+ млн
посетителей сайта в год
350% ↑
повысилась вовлеченность
Процесс работы
UX
Брифинг
Анализ аудитории
Карта пути
Функциональный анализ
Информационная архитектура
Прототипирование
Структура сервиса
Техническое задание
Frontend
Верстка
Адаптив дизайна
Оптимизация
Реализация интерфейсов
Open Graph
Пагинации
ESBuild
Swiper.js
CSS3-анимации
cska-hockey-player
cska-soccer-player
UI
Дизайн-система
3D-анимация
Визуальная концепция
Финализация макетов
Версия для слабовидящих
Backend
Архитектура на CMS 1С‑Битрикс
Разработка бизнес‑логики
Интеграции
Оптимизация БД
Реализация безопасности
Контейнеризация в Docker
QA
Тестирование
Спецификация
Передача и обучение разработчикам
Test Cases
Test Suites
Главная страница сайта
cska-main-page
cska-main-page
cska-main-page
Разработка анимаций для сайта
Баскетбол basketball
Футбол soccer
Фигурное катание figure-skating
Бокс boxing
Современное пятиборье pyatibore
Регби rugby
ska-analytics
Провели аналитику и спроектировали карту сайта

Вместе с командой ЦСКА мы проанализировали потребности всех групп пользователей: болельщиков, родителей воспитанников, представителей СМИ, клиентов спортивных услуг.

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

cska-integrations
Внедрили
7 интеграций
Системы бронирования и оплаты
Для клиентов спортивных услуг интегрировали на сайт 2 платёжных решения
cska-booking
Верстка и интеграция на CMS 1С‑Битрикс
В системе 4 роли с индивидуальными интерфейсами и правами для управления сайтом
cska-bitrix
Модуль автоматического сбора новостей
Болельщики читают актуальную информацию о новостях ЦСКА, включая новости проф. клубов
cska-news
Системы веб-аналитики
Внедрили Яндекс.Метрику — система помогает лучше узнавать своих пользователей
cska-pie
Социальные сети
Обеспечили возможность делиться контентом в социальных сетях
cska-social
Сервисы IP-геолокации
Для повышения релевантности контента реализовали автоматическое определение города пользователя
cska-geolocation
Картографические сервисы
Внедрили Яндекс.Карты с объектами ЦСКА с кастомным дизайном меток и балунов
cska-map
Спортивные объекты цска
Упростили поиск секции или спорткомплекса, внедрив Яндекс.Карты с объектами ЦСКА. Пользователи могут фильтровать их по виду спорта и города, а при клике на маркер — увидеть краткую информацию и перейти на детальную страницу.
cska-sport-objects
cska-sport-objects-map
Самый большой спортивный клуб в России
Самый большой спортивный клуб в России
Самый большой спортивный клуб в России
Самый большой спортивный клуб в России
Самый большой спортивный клуб в России
Самый большой спортивный клуб в России
Умная геолокация

Для повышения релевантности контента мы реализовали автоматическое определение города пользователя по IP-адресу.

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

cska-geolocation cska-geolocation-tablet
Верстка и интеграция на CMS 1С‑Битрикс
В системе реализовано 4 роли, каждая из которых открывает доступ к управлению конкретным функционалом. Пользователи получили индивидуальные интерфейсы и права для эффективной работы.
cska-1c-bitrix
cska-person
cska-castle
cska-1c-bitrix-1440
Единая новостная платформа с агрегацией
Чтобы болельщик мог в одном месте следить за всеми командами ЦСКА, мы реализовали модуль автоматического сбора новостей. Система по расписанию парсит RSS-ленты официальных сайтов профессиональных клубов ЦСКА, помещает материалы на модерацию, после чего они публикуются в общей ленте.
cska-news-platform-1-768
cska-news-platform-2-768
cska-booking-star
Интегрированная система бронирования и оплаты
Для клиентов спортивных услуг мы интегрировали на сайт два платежных решения
Основное

Первыми в стране внедрили виджет системы «Спорт Рядом» (Сбер), как часть сайта.

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

cska-booking-svg-1
cska-booking
Резервное

Сложная интеграция с ERP решением для контроля оплат с многоуровневой тарификацией, условиями периодов и тренеров, а также удобным управлением услугами.

ska-booking-svg
cska-booking
cska-pfk-1440
Скорость загрузки
менее 3 секунд
Нагрузка
до 10 000 RPS/сек.
Доступность
более
99%
cska-pfk-svg
Теперь техническая архитектура сайта рассчитана на высокие нагрузки
Результат для пользователей:
Болельщики
получили удобный доступ ко всем новостям, истории и информации о командах
cska-result
Родители
воспитанников и клиенты могут легко найти секцию, объект, забронировать и оплатить услугу онлайн
cska-result-2
Представители СМИ и партнеры
находят официальную информацию и контакты в одном месте
cska-result

Шрифт «PF DinText Pro»

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

Стили текста

Стили необходимы для подачи текстовой информации, чтобы сайт был более привлекательным и понятным для посетителей

Заголовки Regular, Bold / 20-44 px
Текст Light, Regular, Medium / 12-18 px
Другие стили Light, Regular, Medium/ 10-16 px