сайт футбольных площадок Футболикс

вводные

о заказчике

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

условия

30 дней: От макета до сайта
600.000 ₽: Бюджет проекта

задача

Объединить бронирование полей, групповые тренировки, мероприятия и любительскую лигу в одном сервисе. По готовому Figma-макету разработать сайт с фильтрами площадок и админкой для цен и контента — без перегруженного меню и сложной навигации.

От макета к запуску

Структура сервиса
Этап 1
- Объединили аренду полей и тренировки
- Добавили мероприятия и любительскую лигу
Figma → сайт
Этап 2
- Использовали готовый макет в Figma
- Перенесли интерфейс с помощью Figma MCP
Next.js + CMS
Этап 3
- Разработали сайт на Next.js и подключили Payload CMS для управления контентом
- Добавили управление площадками и ценами
Функциональность
Этап 4
- Внедрили фильтры по району и виду спорта
- Добавили выбор площадки по размеру поля
- Создали отдельную страницу для партнёров

Дизайн-концепция

Готовый Figma-макет объединяет аренду полей, тренировки и мероприятия. Фильтры по району, виду спорта и размеру поля помогают быстро найти подходящую площадку без перегруженного меню.

Разработка сайта

01
Фронтенд
Реализовали готовый Figma-макет на Next.js. Бронирование полей, тренировки, мероприятия и любительская лига объединены в понятной структуре сайта.
02
Управление
Подключили Payload CMS для управления площадками, ценами и контентом. Обновления — через админку.
03
Фильтры
Добавили фильтры по виду спорта, району и размеру поля. Список площадок обновляется сразу; для партнёров создана отдельная информационная страница.