Новый сайт Брайт Фит

Новый сайт Брайт Фит

Новый сайт Брайт Фит - я разработал новый сайт для федеральной сети фитнес-клубов Bright Fit. На момент публикации данная работа является одной из самых сложных и комплексных с точки зрения веб-разработки.


Брайт Фит favicon

brightfit.ru



Задача. Разработать и запустить сайт на системе управления WordPress.


Новый сайт Брайт Фит

Клубы


Главные и самые важные страницы на новом сайте - это страницы клубов. Для удобства пользователей было отдельное меню для выбора клуба по городу. Также реализована общая обзорная страница по клубам и страницы с описанием каждого конкретного клуба.


Страницы клубов на сайте Bright Fit

Услуги и тренировки


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


Раздел услуг на сайте Bright FitРаздел услуг на сайте Bright Fit
Услуга «Групповые занятия» на сайте Брайт ФитУслуга «Групповые занятия» на сайте Брайт Фит

Мобайл фёрст


Предыдущая версия сайта имела отдельный сайт для отображения на смартфоне. Новый сайт разрабатывался по принципу мобайл фёрст и обзавёлся адаптивной версткой. Он прекрасно работает на маленьких экранах мобильных телефонов.


Новый сайт Брайт Фит на мобильном

Формы для получения заявок


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


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


Форма оформления карты на сайте Bright Fit

Клубные карты


Еще один функциональный раздел на сайте - это «Клубные карты». Вывод клубных карт реализован через два API-метода внешнего бэкенда. Для удобства потенциальных клиентов реализована группировка карта по клубам. Также доступна фильтрация по клубам, по наличию бассейна и по сроку посещения.


Раздел с клубными картами на сайте Брайт Фит

По клубным картам также доступен просмотр подробной информации с ценой. Описание открывается в поп-апе без перезагрузки страницы (AJAX). Помимо подробного описания карты в поп-апе также реализована форма заявки, которая автоматически определяет клуб к которому относится клубная карта и отправляет этот параметр в CRM вместе с данными формы от клуиента.


Карьера и поиск тренеров


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


Страница карьеры на сайте Брайт ФитСтраница карьеры на сайте Брайт Фит
Страница для трудоустройства тренеровСтраница для трудоустройства тренеров

Контакты и карта клубов


Помимо стандартного раздела с контактной информацией на сайте также реализована карта клубов. Раздел с картой клубов работает на основе API Яндекс Карт, при клике на метку на карте открывается поп-ап с адресом и телефоном, при клике по поп-апу - переход на страницу клуба.


Группы меток на карте также кликабельны и при клике на них отображается поп-ап с возможностью выбора клуба в группе.


Мобильное представление контактной информации и карты клубов

Акции


Важным инструментом стимуляции продаж для Брайт Фит являются акции. На новом сайте акции представлены в формате обзорной страницы с возможностью перехода на подробное описание каждой конкретно акции. На основе страниц акций также автоматически создаются баннеры в карусели. В системе управления сайтом при создании акции можно указывать на каких страницах сайта будет отображаться баннер.


Обзорная страница акцийОбзорная страница акций
Подробная страница акцииПодробная страница акции
404 - страница не найдена на сайте Брайт Фит

Инструменты и технологии на проекте


WordPress
PHP
JavaScript
HTML
CSS
Illustrator
Photoshop
ChatGPT
DeepSeek https://tiku.ru/portfolio/web/novyi-sait-brait-fit/

Комментарии

Популярные сообщения из этого блога

Воронка конверсии «Песочные часы»

Как структурировать e-mail маркетинг