Сверстал адаптивный сайт фитнес-клуба по дизайн-макету заказчика: главную с направлениями тренировок, страницу о клубе с залами, расписание групповых занятий с фильтром по направлениям и вход в личный кабинет клиента.
Фитнес-клуб с тренировками по направлениям: от силовых и функциональных классов до Cycle и танцевальных программ, с недельным расписанием занятий и личным кабинетом клиента. Заказчик подготовил дизайн-макет сайта — по нему нужно было адаптивно сверстать страницы, чтобы на готовой вёрстке запустить сайт клуба.
Сверстал сайт по макету Figma: главную с hero «Построй тело мечты», карточками шести направлений и блоком Cycle с перечнем групповых программ, страницу о клубе с залами, расписание занятий с фильтром по направлениям и цветными метками типов тренировок, а также страницу входа в личный кабинет. Тёмная тема с оранжевым акцентом перенесена с макета без изменений, каждая страница одинаково работает от экрана смартфона до широкого десктопа.
Скриншоты демо-версии: главная с направлениями тренировок, страница о клубе, недельное расписание и мобильная версия. Полные страницы открываются по ссылкам в конце кейса.
Все страницы сайта фитнес-клуба — по дизайн-макету заказчика. Тёмная тема с оранжевым акцентом, единая сетка от экрана смартфона до широкого десктопа.
Hero «Построй тело мечты» с первым пробным занятием за 100 рублей, шесть карточек направлений тренировок и блок Cycle с перечнем групповых программ.
Рассказ о клубе с фотографиями залов: просторный тренажёрный зал, залы групповых тренировок и блок команды тренеров, предусмотренный макетом.
Недельная сетка с понедельника по воскресенье: занятия с цветными метками направлений — Zumba, Йога, TRX, Hot Iron — и выпадающий фильтр «Все направления».
Страница входа в личный кабинет клиента — авторизация посетителей клуба, предусмотренная макетом заказчика.
Все страницы одинаково работают на экране смартфона: hero, направления тренировок и заголовки секций перестроены под узкий экран. Мобильная версия главной — в скриншотах кейса.
Главная, о клубе, расписание занятий и вход в личный кабинет — все открываются онлайн по ссылкам ниже.
Каждая страница свёрстана и для десктопа, и для смартфона — мобильная версия главной показана в скриншотах кейса.
Тёмная тема с оранжевым акцентом, hero с фотографией и цветные метки направлений — вёрстка повторяет дизайн-макет заказчика и готова к интеграции с CMS.
В демо-версии открыты 4 типовые страницы — ссылки ниже.
После передачи проекта заказчику мы не контролируем сайт — он может быть изменён или вовсе отключён. Поэтому ниже собраны примеры типовых страниц на нашем хостинге: вёрстка в том виде, в каком она сдавалась заказчику.
Демо-версия размещена на demo.avoweb.net — страницы открываются без регистрации.
Пришлите дизайн-макет и расскажите про проект — сверстаю все страницы адаптивно, от первой до последней, готовые к интеграции с CMS. Коммерческое предложение — в течение 24 часов в рабочее время.
Получить предложениеКонсультация бесплатна и ни к чему не обязывает