GATE X Fitness

Клиент

GATE X Fitness — фитнес-клуб в ТРЦ BOTANICA у метро Ботанический сад. Это современное пространство, в котором есть тренажерный зал, групповые программы, единоборства, функциональный тренинг, SPA.

Задача

Разработать сайт GATE X Fitness к открытию клуба.

1 этап — запустить лендинг-MVP, чтобы анонсировать пространство, передать эстетику бренда и начать собирать первые заявки.

2 этап — масштабировать лендинг в полноценный сайт клуба с тарифами, акциями, тренерами, расписанием, контактами и интеграциями.

Что нужно учесть:

• В дизайне передать минимализм и эстетику GATE-X Fitness.
• Дать команде возможность самостоятельно управлять контентом через CMS.
• Добавить элементы, которые подчеркивают динамичность пространства.
• Мобильная версия — основной сценарий использования. Сайт должен быть удобным на смартфоне, но не терять экосистемную связку с реальным клубным пространством.

Фитнес без визуальных клише

В фитнес-клубах часто эксплуатируют образы 90-х: подвальные качалки с плакатами Арни, бойцовский клуб, агрессивная мотивация в духе «превозмогай или уходи».

GATE X Fitness устроен иначе. В клубе панорамные залы с видом на Сад Будущего, зоны отдыха, SPA и продуманная визуальная среда. Аудитория GATE X Fitness выбирает фитнес-клуб по эстетике и стилю. Мы отрисовали минималистичный дизайн, в котором материалы, цвета и типографика продолжают визуальный язык самого клуба. В результате сайт передает ту же чистоту, технологичность и комфорт, которые человек чувствует в самом клубе.

Сначала — мобильный сценарий

Основной сценарий — мобильная версия. Человек заходит на сайт со смартфона: посмотреть тарифы по дороге в метро, открыть расписание перед тренировкой, показать другу профиль тренера. Мы собрали сайт из компонентов и карточек — такая модульная структура удобно ложится в экран смартфона. Каждый блок — самостоятельный элемент, который на мобильном выстраивается в аккуратную вертикальную ленту, а на десктопе — в сетку.

Запустили лендинг к открытию клуба

Рассказали про зоны клуба, команду и формат пространства. Сценарий последовательно ведет пользователя от знакомства с GATE X Fitness к заявке. В CTA-блоки добавили видео с командой и плавные анимации, которые поддерживают ощущение движения. Рендеры клиента встроили в макет — они стали фишкой сайта.

Уже на этом этапе лендинг решал бизнес-задачу: анонсировал открытие и собирал лиды до старта клуба. Конверсия лендинга в заявку — 15%. До открытия посетитель в среднем возвращался на сайт 3 раза.

Заложили архитектуру для развития

Фронтенд написали на React, CMS собрали на Битриксе. Через админку команда GATE X Fitness без участия разработчиков меняет тексты, изображения, тарифы, скидки и параметры блоков. Для фитнес-клуба это критично: предложения регулярно обновляются, появляются сезонные акции, меняются цены и тренеры, смещаются акценты в коммуникации.

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

Масштабировали лендинг в полноценный сайт

После открытия GATE X Fitness на сайте появились разделы «Акции», «Тарифы», «Тренеры», «Расписание» и «Контакты». Мы также подключили личный кабинет, ссылки на мобильное приложение и быстрые каналы связи через Telegram, WhatsApp и MAX.

Расписание интегрировали с «1С:Фитнес-клуб». Пользователь видит актуальное расписание и планирует, впишется ли клуб в его график.