Кейс 07Сайт студии с записью на занятияКонцепт

Пульс

Дать клиентам записываться на занятия самим и видеть, сколько осталось мест, чтобы администратор не вёл запись в таблице.

Клиент: Фитнес-студия групповых тренировок в Минске
Срок разработки: 14 дней
Год: 2026
Стек: React, Vite, TypeScript, React Router, CSS Modules, Vitest

Открыть сайт Код на GitHub

01 Задача бизнеса

В студии запись ведётся в чате и таблице: клиенты спрашивают, есть ли места, а администратор вручную следит за списками и отменами.

Нужен сайт, где расписание и свободные места видны сразу, а запись и отмена делаются самим клиентом.

02 Решение

На компьютере расписание — сетка по дням, на телефоне — список с вкладками дней. Фильтры хранятся в адресе страницы.

У занятия есть статусы: осталось столько-то мест, вы записаны, лист ожидания с номером, мест нет, запись закрыта. Закрывается она за 30 минут до начала, а отмена без списания возможна не позднее чем за 3 часа.

Вход в кабинет демонстрационный: имя и телефон с маской +375, данные остаются в браузере.

03 Ключевые функции

01
Расписание недели
Занятия по дням с цветом направления, числом мест и пометками о заменах и отменах.
02
Карточка занятия
Тренер, зал, уровень, свободные места и что взять с собой. Запись в одну кнопку.
03
Расписание на телефоне
Вкладки дней вместо сетки и крупные карточки занятий.