Готовый шаблон для сети фитнес-клубов: витрина с каталогом направлений, расписанием и калькулятором абонемента плюс личный кабинет клиента. Заказчика у этой работы нет, поэтому наполнение демонстрационное: три клуба, цены, расписание и имена тренеров придуманы под задачу показать, как шаблон ведёт себя с реальным объёмом данных.
Next.js · Tailwind · Vercel
Стек
меньше месяца
Срок
Проектирование структуры, вёрстка и разработка
Роль
С нуля, без макетов
На входе
Сеть, а не один зал
Сначала нужно объяснить, что клубов три и абонемент можно взять сразу на всю сеть. Карта с метками отвечает на это быстрее списка адресов.
Выбор клуба
У каждого зала своё расписание, свой набор направлений и свои тарифы, поэтому сайт с самого начала спрашивает, куда человек ходит. Кнопки две: «Подробнее» — на страницу клуба, «Расписание» — сразу в сетку, за ней приходят чаще.
Каталог программ
Пятнадцать направлений и четыре фильтра над ними: клуб, категория, оплата, интенсивность. Метки на фотографии повторяют фильтры, поэтому карточка читается и без них, а счётчик всё время говорит, сколько осталось после отбора.
Страница направления
Из каталога человек идёт сюда и спрашивает одно: подойдёт ли это мне. Поэтому сверху — четыре факта одной строкой, а дальше простой текст о том, как проходит занятие и кому оно годится.
Расписание с записью
Клуб и день выбираются вкладками, дальше идёт сетка занятий. То, что входит в абонемент, предлагает записаться; мини-группа с отдельной оплатой — забронировать и показывает цену. Разница видна до нажатия, а не после.
Калькулятор абонемента
Цена собирается из трёх решений: один клуб или вся сеть, время посещения, срок. Три нажатия — и один ответ вместо поиска своей строки среди сорока восьми цен. Полная таблица осталась ниже, для тех, кто хочет сравнить всё сразу.
Акции
Скидки у сети постоянные, они уже заложены в цену срока. Каждая карточка объясняет условие и ведёт туда, где им можно воспользоваться. Под ними — пустая полоса под сезонную акцию, чтобы её было куда поставить.
Пробный визит
Заявка на сайте одна и всегда одна и та же: имя, телефон, клуб. Она стоит внизу каждой страницы, а прямо перед ней — ответы на вопросы, из-за которых обычно не доходят до кнопки.
Личный кабинет
Кабинет отвечает на три вопроса, ради которых открывают приложение клуба: свободно ли сейчас в зале, когда ближайшая тренировка и сколько осталось от абонемента. Загруженность — столбиками по часам, с подсказкой, когда сегодня свободнее. Остальное убрано в разделы.
15
направлений в каталоге программ
48
цен в таблице: 12 тарифов на четыре срока
3
клуба со своим расписанием и тарифами
