О проекте
ФАУ МО РФ ЦСКА — крупнейший спортивный клуб России, объединяющий десятки видов спорта, спортивные школы, бассейны, объекты и коммерческие проекты. Здесь воспитывают чемпионов, прививая уважение к традициям отечественного спорта и развитию физической культуры.
В год сайт посещает более 1 миллиона пользователей - ищут информацию о спортивных объектах, спортивных школах и секциях. Ежедневно интересуются услугами и спортивными секциями. Болельщики читаю актуальные новости о спортсменах, тренерах и жизни клуба.
Заказчик обратился на обновлением сайта. По мере роста интереса к спортивному клубу, старый сайт:
1) перестал справляться с постоянной нагрузкой
1) навигация была запутана
2) имел устаревший дизайн
3) функционал онлайн-записи и оплаты был реализован фрагментарно
Ключевые задачи:
- Предоставление актуальной и полной информации о новостях ЦСКА, включая новости профессиональных клубов;
- Обеспечение удобной навигации и сквозного поиска по сайту;
-Реализация функционала бронирования и онлайн-оплаты спортивных объектов и услуг;
-Создание интуитивно понятной и многофункциональной административной панели для управления;
-Обеспечение возможности подписки на новостные рассылки с выбором категорий;
- Адаптивность на мобильных устройствах и планшетах;
- Обеспечение возможности делиться контентом в социальных сетях.
Решение
Спроектировали сайт объединив десятки направлений с удобной навигацией и продуманной архитектурой. Внедрили 7 интеграций для удобства пользователей. Новый дизайн транслирующий силу, традиции и современный дух побед ЦСКА.
Как проект изменил жизнь пользователей
- Болельщики получили удобный доступ ко всем новостям, истории и информации о командах;
- Родители воспитанников и клиенты могут легко найти секцию, объект, забронировать и оплатить услугу онлайн;
- Представители СМИ и партнеры находят официальную информацию и контакты в одном месте.
Реализация проекта:
АНАЛИТИКА
Вместе с командой ЦСКА провели анализ всех целевых групп, который дал возможность создать точный и детализированный портрет потенциального клиента. Чтобы адаптировать продукт под потребности пользователей. Это включает в себя сбор интерпретационных данных о демографическом, психографических и поведенческих характеристиках.
4 главные группы:
1. Активные болельщики и интересующиеся спортом;
2. Потенциальные и текущие клиенты спортивных услуг;
3. Родители воспитанников спортшкол и секций;
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 детей в год будут записываться через их сайт, — все споры направлений закончились» - Евгения Вишневецкая, проектный менеджер «Триады».
Мы особенно благодарны команде ЦСКА за вовлеченность в проект. Заказчик погрузился в работу и участвовал в совместных брейнштормах, выслушивал наши предложения и оставлял подробную обратную связь.
Команда
Генеральный директор : Сергей Суханов
Фронтенд разработчик: Никора Артур
Бэкенд разработчик: Коротков Александр
Технический Директор: Гаспарян Оник
Менеджер проекта: Вишневецкая Евгения
Дизайнеры: Ишутина Диана и Савченко Маргарита
Выставлено в номинациях:
— Сайт спортивной организации, клуба, команды