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

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

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

Заказчик обратился на обновлением сайта. По мере роста интереса к спортивному клубу, старый сайт:

• перестал справляться с постоянной нагрузкой

• навигация была запутана

• имел устаревший дизайн

• функционал онлайн-записи и оплаты был реализован фрагментарно

Ключевые задачи:

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

• Обеспечение удобной навигации и сквозного поиска по сайту.

• Реализация функционала бронирования и онлайн-оплаты спортивных объектов и услуг

• Создание интуитивно понятной и многофункциональной административной панели для управления

• Обеспечение возможности подписки на новостные рассылки с выбором категорий.

• Адаптивность на мобильных устройствах и планшетах

• Обеспечение возможности делиться контентом в социальных сетях

Решение:

Спроектировали сайт объединив десятки направлений с удобной навигацией и продуманной архитектурой. Внедрили 7 интеграций для удобства пользователей. Новый дизайн транслирующий силу, традиции и современный дух побед ЦСКА.

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

4 главные группы:

• Активные болельщики и интересующиеся спортом

• Потенциальные и текущие клиенты спортивных услуг

• Родители воспитанников спортшкол и секций

• Представители СМИ и партнеры

Спроектирована гибкая структура, объединившая ключевые направления: спортшколы, услуги, спецпроекты, объекты, новости, клубную информацию.

Пользовательский путь от интереса к действию сокращен 2-3 клика.

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

Ключевые фишки дизайна:

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

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

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

4. Версия для слабовидящих (принцип WCAG для обеспечения доступности контента для людей с ограниченными возможностями)

5. 3D-анимация спортсменов и микро-анимации (кнопки «откликаются» при наведении, карточки новостей приподнимаются)

6. Единообразное оформление кнопок, форм, иконок, ссылок на всех страницах сайта. Эффекты при наведении (hover-эффекты) на кликабельные элементы. Использование качественных, стилистически единых иконок для улучшения визуального восприятия и навигации.

7. Цифровая история клуба с 1923 года. Раздел с более чем 100-летней историей. Оформлен в хронологическом порядке, переходя по годам показываются памятные события и архивные фотографии. Для широкой популяризации богатой истории ЦСКА в обществе и поддержка имиджа клуба.

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

Реализовали 7 интеграций:

1) Платежные системы

Для клиентов спортивных услуг интегрировали на сайт 2 платежных решения (эквайринг от Сбер, сервис PayKeeper).

2) Система бронирования

Мы ПЕРВЫМИ в стране внедрили виджет системы “Спорт Рядом” (Сбер). Виджет позволяет выбрать услугу, дату, время и оплатить картой прямо на сайте.

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

3)Картографические сервисы

Упростили поиск секции или спорткомплекса, внедрив Яндекс.Карты с объектами ЦСКА. Пользователи могут фильтровать их по виду спорта и города, а при клике на маркер — увидеть краткую информацию и перейти на детальную страницу.

Реализовали кастомный дизайн меток и балунов, интеграция с внутренним справочником объектов.

4)Сервисы IP-геолокации

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

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

5)Социальные сети

Обеспечили возможность делиться контентом в социальных сетях (ВК, Телеграм, Dzen, RuTube).

6)Системы веб-аналитики

Внедрили Яндекс.Метрика - универсальная система помогает узнать своих пользователей, изучить поведение на сайте и оценить эффективность каналов.

7)Реализовали модуль автоматического сбора новостей.

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

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

Верстка и интеграция на CMS 1С‑Битрикс

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

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

• Скорость загрузки менее 3 секунд

• Нагрузка выдерживает до 10 000 RPS/сек.

• Доступность более 99%

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

Решением стал еженедельный синхрон со «стержневым» лидом от клуба. Мы научились приоритизировать задачи и отсекать лишнее на старте.

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

Евгения Вишневецкая, проектный менеджер «Триады».

Команда:

Генеральный директор : Сергей Суханов

Фронтенд разработчик: Никора Артур

Бэкенд разработчик: Коротков Александр

Технический Директор: Гаспарян Оник

Менеджер проекта: Вишневецкая Евгения

Дизайнеры: Ишутина Диана и Савченко Маргарита

Как проект изменил жизнь пользователей:

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

• Родители воспитанников и клиенты могут легко найти секцию, объект, забронировать и оплатить услугу онлайн.

• Представители СМИ и партнеры находят официальную информацию и контакты в одном месте