Разработка сайта фитнес-клуба Janinn Fitness

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

Ключевые требования заказчика:

 Презентовать масштаб клуба — показать инфраструктуру на 5 200 м², более 40 направлений, детский центр и формат «загородного клуба» у набережной Москвы-реки.

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

 Структурировать большой объём контента — направления, тренерский состав по департаментам, 7 типов клубных карт, новости, расписание, правила клуба, мобильное приложение.

 Сохранить связь с экосистемой клуба — интегрировать актуальное расписание и направить пользователей в мобильное приложение (5 000+ пользователей).

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

Мы начали с анализа структуры старого сайта и сценариев пользователей: потенциальный клиент, действующий член клуба, родитель с ребёнком, корпоративный партнёр. На основе этого спроектировали архитектуру нового ресурса, разработали адаптивный дизайн в фирменной оранжево-градиентной палитре и реализовали функционал на CMS WordPress с кастомной темой janinn-fitness.

Проектирование структуры сайта

Выделили основные группы разделов и согласовали с заказчиком пользовательские сценарии:

• О клубе — история, преимущества, тренерский состав, карьера, рекламные возможности.

• Направления — тренажёрный зал, групповые программы, бассейн, единоборства, детский центр, игровой зал, SPA.

• Абонементы — 7 типов клубных карт с детальным описанием услуг.

• Членам клуба — мобильное приложение, гостевые визиты, заморозка карты, правила.

• Контент и коммуникации — новости, фотогалерея, расписание, контакты.

Разработка дизайна

Цель этапа — передать атмосферу премиального загородного фитнес-клуба и с первых секунд показать масштаб инфраструктуры.

Главная страница. Выполнена в тёмной цветовой гамме с яркими оранжевыми акцентами. Первый экран — динамичный слайдер с фотографиями залов и призывом к записи. Блок преимуществ реализован в виде горизонтальной карусели: 24/7, 40+ направлений, собственное здание, загородная атмосфера.

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

Страница направлений. Структурированный каталог с группировкой по департаментам и перечнем программ: от йоги и пилатеса до аквааэробики, карате и детской гимнастики.

Страница абонементов. Табы с семью типами карт (Базовая, Утренняя, Детская, Юношеская, Чёрная, Серебряная, Золотая). Для каждой — описание, основные и дополнительные услуги, форма заявки с выбором тарифа.

Мобильная версия. Все страницы и формы полностью адаптированы под смартфоны и планшеты.

Создание функционала сайта

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

Форма записи на гостевой визит. На главной и на отдельной странице «Гостевые визиты» реализована форма с выбором даты и времени, полями контактов и согласием на обработку персональных данных. После отправки пользователь видит модальное окно с подтверждением — менеджер связывается для подтверждения записи.

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

Раздел «Тренерский состав». Тренеры сгруппированы по департаментам: тренажёрный зал, групповые программы, бассейн, единоборства, детский центр, игровой зал, SPA. Пользователь быстро находит специалиста в нужном направлении.

Интеграция расписания Mobifitness. На странице «Расписание» встроен виджет Mobifitness — актуальное расписание групповых занятий подгружается из клубной CRM-системы и всегда синхронизировано с реальным графиком.

Новостной раздел. Лента новостей на главной и отдельная страница с подгрузкой статей: акции, новые программы, режим работы в праздники, обзоры направлений (сайкл, аквааэробика, бокс, гимнастика и др.).

Фотогалерея. Галерея с просмотром в полноэкранном режиме через Fancybox — пользователь может детально рассмотреть залы, оборудование и атмосферу клуба.

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

Запущен полностью обновлённый сайт tobefit.ru, который стал единой цифровой точкой входа в экосистему Janinn Fitness.

Для потенциальных клиентов:

• понятная навигация по 40+ направлениям и 7 типам абонементов;

• запись на гостевой визит со скидкой 50% прямо с сайта;

• наглядная презентация инфраструктуры клуба площадью 5 200 м²;

• актуальное расписание занятий без обращения к администратору.

Для действующих членов клуба:

• быстрый доступ к правилам, заморозке карты и мобильному приложению;

• лента новостей и мероприятий клуба;

• контакты и обратная связь в один клик.

Для бизнеса:

• современный имидж клуба, соответствующий уровню инфраструктуры;

• снижение нагрузки на call-центр за счёт онлайн-форм;

• самостоятельное управление контентом через административную панель;

SEO-готовность и корректное отображение в поисковых системах и соцсетях.