X-Fit

Сайт фитнес-клуба

X-Fit
что сделали
Аудит и прототипирование, UI/UX дизайн, frontend, backend-разработка, тестирование
дата запуска
июль 2023
studfit.ru
О проекте

XFIT — одна из крупнейших сетей фитнес-клубов, которая работает на рынке более 30 лет и предлагает действующую бизнес-модель с учетом всех особенностей рынка и пожеланий партнеров. За это время компания открыла свыше 90 клубов по всей России и СНГ.

XFIT — это инновационное и технологичное пространство, профессиональная команда тренеров, разнообразные программы здоровья, клиентский сервис.

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

Задача

Разработать яркий, современный сайт с удобной навигацией, актуальной информацией о программах, тренерах, расписанием занятий, интерактивными инструментами обратной связи, при этом:

  • информация должна подаваться просто и доступно
  • сайт должен передавать атмосферу клуба и демонстрировать высокий профессиональный уровень
  • необходимо показать доступность услуг и индивидуальный подход к каждому клиенту
Главная страница
Главная страница
Дизайн

За основу мы взяли фирменный стиль и предоставленный UI-kit от XFIT. Соблюдение единой стилистики и одинаковых интерфейсных решений — одно из правил франшизы. Преобладающая цветовая гамма: яркий зеленый цвет на контрасте с черным.

На сайте много фото-контента. Фотографии крупные, выполнены в высоком разрешении, характерны для плиточного дизайна. Так как основной трафик планируется с мобильных устройств, детально проработан адаптивный дизайн.

О клубе
О клубе
Удобная навигация

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

Тренеры
Тренеры
Программы

Детальная страница программы тренировок содержит подробное описание с фото, команду тренеров, соответствующее расписание с возможностью записаться на тренировку

Программы
Программы
Детальная страница программы
Детальная страница программы
Расписание

Для удобства клиентов, тренеров и администраторов сайта на странице «Расписание» внедрен сервис «MobiFitness». Это обеспечивает легкое и понятное взаимодействие с сайтом.

Функции онлайн-виджета:

  • изменение расписания в режиме реального времени
  • фильтры по направлениям занятий и тренерам
  • запись на групповые занятия прямо из расписания
  • информация о тренерах и описание занятий
  • видео занятий
  • печать расписания с сайта и многое другое
Расписание
Расписание
что в итоге

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

результат studfit.ru
стек технологий
Figma
VanillaJS
PHP
Bitrix
MySQL
Docker
Gitlab
менеджер проекта
  • Дмитрий Поздеев
дизайнер
  • Денис Соколов
фронтенд
  • Ирина Пушкарева
бэкенд
  • Роман Бызов
Тест качества
  • Анастасия Шамова

Хотите также?

или свяжитесь напрямую telegram
можно почтой info@machaon.ru
москва
Дмитровское 100, стр. 2
+7 499 755 62 98
киров
Московская 25г
+7 8332 35 18 86

Еще

Фон
Фон
Фон
Фон
Фон
Фон
Фон
Фон
Фон
Смотреть все 90+