СК «Прайд»: как один сайт закрыл десяток разных услуг

Многостраничный сайт‑портал для крупного семейного спортивного комплекса: тренажёрный зал, крытый ледовый каток, релакс‑зона с бассейном и баней, 41 секция, 42 тренера, онлайн‑расписание, интернет‑магазин, онлайн‑бронирование, live-трансляции хоккея, чат‑бот, аркады с таблицей лидеров и 600+ публикаций — всё под одной навигацией и в едином стиле.

---

О клиенте

СК «Прайд» — «самый большой и современный тренажёрный зал на юге Волгограда» (Красноармейский район). Но тренажёрным залом комплекс не ограничивается: под одной крышей работают крытый ледовый каток 30×50 м, термальный бассейн, русская баня, банный чан и турецкий хаммам, а также больше десятка спортивных секций для детей и взрослых.

Позиционирование клиента — семейный спортивный клуб под слоганом «Здоровые люди — Здоровая Россия!». Это и определило главную задачу: показать не одну услугу, а целую экосистему активного отдыха, не запутав при этом посетителя.

---

Задача

Клиенту нужен был не просто лендинг, а сайт‑витрина с функциями портала:

• собрать разнородные направления (фитнес, каток, релакс, секции, аренда, праздники) в понятную структуру с быстрым доступом к любой услуге;
• дать посетителю онлайн‑расписание занятий и секций, которое клиент сможет обновлять сам;
• регулярно публиковать новости, акции и статьи в блоге здоровья;
• закрыть доверие и прогрев: отзывы, благодарственные письма, фотогалерея, виртуальный 3D-тур, договор‑оферта, партнёры;
• вести пользователя в офлайн и мобильное приложение (звонок, соцсети, установка приложения);
• всё это — редактируемо силами администратора без разработчика.

---

Информационная архитектура

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

graph TD
    H["🏠 Главная — pride34.ru"]

    H --> A["О клубе"]
    H --> K["Каток"]
    H --> R["Релакс"]
    H --> S["Секции"]
    H --> T["Расписание"]
    H --> TR["Тренеры"]
    H --> U["Услуги"]
    H --> C["Контакты"]

    A --> A1["Цены и абонементы"]
    A --> A2["Новости"]
    A --> A3["Акции"]
    A --> A4["Блог здоровья"]
    A --> A5["Подарочные сертификаты"]
    A --> A6["Фотогалерея"]
    A --> A7["Виртуальный 3D-тур"]
    A --> A8["Отзывы · Благодарности"]

    R --> R1["Открытый бассейн"]
    R --> R2["Русская баня"]
    R --> R3["Банный чан"]
    R --> R4["Турецкий хаммам"]

    S --> S1["Зимние виды спорта"]
    S --> S2["Единоборства"]
    S --> S3["Детские · Женские · Мужские"]
    S --> S4["Танцы"]

    U --> U1["Аренда ледовой арены"]
    U --> U2["Детские праздники"]
    U --> U3["Настольный теннис"]
    U --> U4["Волейбол · Мини-футбол · Корт"]
    U --> U5["Солярий"]
    U --> U6["Корпоративы"]

    classDef root fill:#111,stroke:#d9a441,color:#fff,stroke-width:2px;
    classDef hub fill:#1e1e1e,stroke:#d9a441,color:#f0f0f0;
    class H root;
    class A,K,R,S,T,TR,U,C hub;

Такая карта решает главную боль: любая услуга — в два клика, а поисковые роботы получают отдельный релевантный URL под каждый запрос (/katok/, /pride-relax/tureckiy-hammam-volgograd/, /service/solarium/ и так далее).

---

Как устроен сайт технически

Сайт построен на WordPress + Elementor — это осознанный выбор под задачу «клиент редактирует сам». Всё, что публикуется регулярно (новости, акции, статьи, расписание), вынесено в редактируемые сущности, а не захардкожено в вёрстку.

flowchart LR
    subgraph Client["👤 Посетитель"]
        BR["Браузер · Desktop / Mobile"]
    end
    subgraph Front["🎨 Frontend"]
        EL["Elementor-шаблоны"]
        JS["jQuery · слайдеры · аккордеоны · datetimepicker"]
        MENU["Мега-меню + мобильное меню"]
    end
    subgraph WP["⚙️ WordPress CMS"]
        POSTS["Записи: новости / акции / блог"]
        CPT["Страницы услуг и секций"]
        SCHED["Расписание занятий"]
        MEDIA["Медиа: фото · видео · 3D-тур"]
    end
    subgraph Ext["🔌 Интеграции"]
        GA["Google Analytics · GTM"]
        RC["Google reCAPTCHA"]
        SOC["VK · Telegram · RuTube · соцсети"]
        APP["Мобильное приложение"]
    end

    BR --> EL
    EL --> JS
    EL --> MENU
    EL --> POSTS
    EL --> CPT
    EL --> SCHED
    EL --> MEDIA
    EL -.-> GA
    EL -.-> RC
    EL -.-> SOC
    EL -.-> APP

    classDef c fill:#1e1e1e,stroke:#d9a441,color:#f0f0f0;
    class BR,EL,JS,MENU,POSTS,CPT,SCHED,MEDIA,GA,RC,SOC,APP c;

Технологический стек:

Слой	Технологии
CMS	WordPress
Конструктор страниц	Elementor (+ WPBakery)
Кастомные типы	classes (секции), trainers (тренеры), service (услуги)
E-commerce	WooCommerce (магазин, корзина, кабинет)
E-mail-маркетинг	MailPoet
SEO	Yoast (video / geo / keywords sitemaps)
Frontend	HTML5, CSS3, jQuery
Интерактив	мега‑меню, datetimepicker, слайдеры, isotope
Аналитика	Google Analytics 4, Google Tag Manager
Защита форм	Google reCAPTCHA
База данных	MySQL

---

Ключевые блоки и экраны

Первый экран и позиционирование

Видео‑фон тренажёрного зала, крупная типографика «Самый большой» и сразу блок «О нас» с оффером и двумя целевыми действиями: «Цены и абонементы» и «Видео‑презентация».

Быстрые преимущества

Ниже — сетка иконок‑преимуществ: удобная оплата (от разового посещения до годового абонемента), режим работы, парк тренажёров мировых брендов и список дополнительных услуг. Посетитель за один экран понимает, что здесь есть.

Новости и акции

Динамические ленты с подгрузкой «Загрузить ещё» — клиент публикует акции (зимняя «5+1», розыгрыши сертификатов, новогодние предложения) без правки кода.

Блог здоровья

Контент‑маркетинг для SEO и прогрева: статьи о питании, восстановлении, тренировках. Каждая карточка — отдельная запись с обложкой и анонсом.

Онлайн‑расписание

Одна из самых трудоёмких частей — интерактивная недельная сетка занятий: дни недели по горизонтали, временные слоты по вертикали, в ячейках — название занятия, время и тренер. Клиент редактирует расписание сам.

Страница катка

Отдельная посадочная под ледовую арену (хоккейная коробка 30×50 м): тарифы по возрастам, прочие услуги (заточка и прокат коньков, аренда экипировки, камера хранения), зимние секции (фигурное катание, хоккей), бронирование игр и фотогалерея.

Live-трансляции турниров и онлайн‑камеры

Каток — это не только про офлайн. У арены свой мини‑раздел с прямыми трансляциями хоккейных турниров (видеоплеер + карточка матча) и онлайн‑камерами прямо со льда. Болельщики смотрят игры, не выходя из дома.

Секции: 41 направление

Каждое направление — отдельная страница с описанием и тренером. Единоборства, детские, женские, танцы, зимние виды спорта, ЗОЖ — всё сгруппировано в мега‑меню и вынесено в фильтруемую сетку карточек.

Релакс‑зона

Термально‑банный комплекс: русская баня, банный чан, турецкий хаммам, открытый и закрытый бассейны, чайная зона. Каждый объект — со своим описанием и тарифом.

Аркады с таблицей лидеров

Неожиданная для спортклуба, но работающая на удержание фича: авторизованные пользователи играют в ретро‑аркады (Змейка, Galaxian, Pac-Man) и соревнуются в таблице лидеров. Повод вернуться на сайт между тренировками.

Контакты

Адрес, режим работы, телефоны, e-mail, блок «Как добраться» (маршруты транспорта), карта и все каналы связи.

В подвале — дубль навигации и все каналы: мобильное приложение, 3D-тур, отзывы, VK, Telegram, RuTube и соцсети.

---

Путь пользователя

Сайт спроектирован так, чтобы любой сценарий вёл к конверсии — звонку, покупке абонемента или установке приложения.

journey
    title Путь посетителя СК «Прайд»
    section Знакомство
      Заходит с рекламы/поиска: 4: Посетитель
      Видит оффер и УТП на первом экране: 5: Посетитель
    section Изучение
      Выбирает услугу в мега-меню: 4: Посетитель
      Смотрит цены и расписание: 5: Посетитель
      Читает отзывы и блог: 4: Посетитель
    section Доверие
      Проходит виртуальный 3D-тур: 5: Посетитель
      Изучает акции и сертификаты: 4: Посетитель
    section Действие
      Звонит / пишет в мессенджер: 5: Посетитель, Клуб
      Ставит мобильное приложение: 5: Посетитель, Клуб

---

Результат

• Единый портал вместо разрозненных страниц: 8 разделов верхнего уровня, около 97 страниц, 41 секция, 42 карточки тренеров — под каждую услугу свой семантический URL.
• Автономность клиента: новости, акции, статьи, расписание, секции и тренеры редактируются через админку без участия разработчика.
• Контент‑конвейер для SEO: около 628 публикаций, из них 236 статей блога здоровья — сайт индексируется по геозапросам «каток / хаммам / секции + Волгоград».
• Функции портала: интернет‑магазин (WooCommerce), онлайн‑бронирование, live-трансляции хоккея и онлайн‑камеры катка, чат‑бот, система отзывов, e-mail-рассылки (MailPoet), геймификация (аркады с таблицей лидеров).
• Омниканальность: сайт связан с мобильным приложением, VK, Telegram, RuTube и соцсетями — посетитель остаётся в экосистеме бренда.
• Единый визуальный стиль: тёмная палитра с золотым акцентом, крупная типографика, консистентные карточки и иконки на всех страницах.

---

Что дальше

Этот сайт — предыдущая версия портала. На его основе спроектирована новая итерация с онлайн‑оплатой абонементов и записью на занятия прямо на сайте. Накопленная информационная архитектура и контент полностью переиспользуются.

Для того же бренда я делал и сайт СПА-отеля «Прайд» — там задача противоположная: не собрать десяток услуг в сложную структуру, а свести всё к одному эмоциональному сценарию с онлайн‑бронированием. Похожие по подходу — лендинги «Персональная стратегия» и «Семейная стратегия» с посекционной навигацией «один экран — одна мысль».

Посмотреть вживую

Перейти на сайтpride34.ru

Следующий шаг: хотите портал, который собирает десяток услуг в понятную структуру и клиент правит сам, напишите мне в Telegram.