Из Figma в код через Figma MCP
Собрали сайт по готовому дизайну в Figma, используя связку Figma MCP и кода — перенос макета в вёрстку шёл напрямую из дизайн-файла, без ручной пересборки каждого блока с нуля.
Разработка · Next.js + Payload CMS
Сайт-агрегатор для сети спортивных площадок
Сайт для сети крытых футбольных манежей — бронирование полей, организация мероприятий, групповые тренировки и собственная любительская лига в одном интерфейсе.
Задача
Разработать сайт для сети крытых футбольных манежей — с бронированием полей, разделами под организацию мероприятий (корпоративные турниры, детские праздники, спортивные события), групповыми тренировками и собственной любительской лигой.
Что нужно было решить
Сайт объединяет несколько разных сценариев в одном интерфейсе — разовая аренда поля, регулярные тренировки, организация мероприятия под ключ, участие в лиге — и всё это нужно было уместить в структуру, которая не превращается в громоздкое меню.
Отдельная задача — фильтр по локациям, виду спорта и размеру поля для быстрого подбора конкретной площадки среди нескольких точек в разных районах города.
Реализация
Next.js + Payload CMS для контента
Стек дал гибкую админку для управления списком площадок, ценами и контентом без разработчика на стороне клиента.
Фильтр площадок с мгновенным обновлением
Реализовали фильтр по виду спорта, району и размеру поля — список площадок обновляется сразу при выборе параметров.
Блок живых цифр по сети
На главной — показатели сети: число манежей, полей и посетителей за год, чтобы быстро считывать масштаб площадок.
Главная и страница для партнёров
Два примера страниц: главная с площадками, цифрами и блоками сервиса и отдельный лендинг под партнёрское направление.
— главная
— партнёрам
Результат
Готовый сайт на Next.js с гибкой Payload CMS-админкой, реализованный по утверждённому Figma-макету — от дизайна до рабочего сайта за пару недель.
Разработка выполнена разработчиком команды Парсли