Кейс: Цифровая экосистема школы пляжного волейбола Future
От проектирования и дизайна до автоматизированной ERP-системы с разделением ролей.
Максим Ермилов
Основатель WAPP · продакт и архитектура
Настя
Проектный менеджер
Женя
Тестировщица
Дима
Фулстак- и бэкенд-разработчик
Гоша
Дизайнер
О проекте
«Future» — это сеть школ пляжного волейбола в Москве. Задача заключалась в создании глубоко кастомизированного сервиса, который автоматизирует весь путь клиента: от первого клика по рекламе до получения чека за 10-й абонемент.
Технологический стек: Laravel + Filament (Backend/Admin), React + Tailwind (Frontend кабинетов).
Трудозатраты: ~500 человеко-часов (с учетом многократных итераций, рефакторинга и расширения функционала).
1. Проектирование и UI/UX дизайн
Мы начали не с кода, а с проектирования бизнес-логики. Важно было создать интерфейс, который будет одинаково удобен и родителю, записывающему ребенка, и тренеру на песке.
Дизайн и ретушь:
Мы провели полный цикл графических работ, включая глубокую ретушь фотографий тренеров и локаций. Эстетика в деталях: кастомные иконки-мячи, строгая типографика и «чистый» интерфейс.
Инфостиль:
Тексты лендинга избавлены от штампов. Только факты: 3 филиала, квалификация тренеров и прозрачные цены.
2. Личные кабинеты: Три грани одной системы
Мы разработали три независимых интерфейса на React, которые бесшовно общаются с базой данных на Laravel.
Кабинет ученика и родителя:
Электронный дневник посещений, где виден остаток занятий, история оплат и прогресс. Реализована система «заморозок» и быстрых уведомлений.
Кабинет преподавателя:
Мобильный интерфейс для тренеров. Отметка посещаемости в один клик, доступ к расписанию своих групп и контактам родителей на случай экстренных ситуаций.
Админ-панель (Filament):
Пульт управления для владельца. Здесь настраиваются ролевые модели (кто и что может видеть), редактируются тарифы и создаются новые филиалы.
3. Финансовое ядро и автоматизация по 54-ФЗ
Мы построили отказоустойчивую финансовую вертикаль. Больше никаких ручных сверок и Excel-таблиц.
Платежи:
Интеграция с ЮKassa. Поддержка всех современных методов оплаты.
Фискализация:
Автоматическая генерация чеков через облачную кассу Atol Online.
Отчетность:
Данные моментально уходят оператору Контур ОФД и дублируются в налоговую.
Email-сервис:
Сразу после оплаты система отправляет клиенту подтверждение и фискальный чек. Всё настроено в едином фирменном стиле школы.
4. Архитектура и масштабирование
Система спроектирована с запасом прочности на годы вперед.
Без ограничений:
Текущая архитектура позволяет добавить 10, 50 или 100 новых филиалов без переписывания кода. Количество учеников и преподавателей ограничено только мощностью сервера (которую легко увеличить).
Гибкая логика:
Мы внедрили разделение тренировок на «песок» и «ОФП в манеже ЦСКА» с разной стоимостью и логикой учета.
5. «За кулисами»: Глубокое погружение и рефакторинг
Этот проект стал для нас особенным из-за объема невидимой, но критически важной работы.
Итеративная разработка:
Мы многократно переделывали функционал личных кабинетов бесплатно, чтобы довести логику до идеала. Например, перерабатывали систему абонементов, когда у школы менялись правила посещения.
Технический перфекционизм:
Весь фронтенд собран на Tailwind CSS, что гарантирует чистоту кода и мгновенную загрузку на мобильных устройствах.
Полная настройка:
Мы не просто отдали код, а настроили корпоративную почту, провели обучение персонала и обеспечили стабильную связку всех внешних сервисов.
Результаты в цифрах
~500
часов разработки и полировки
3
автономных филиала, управляемых из одного окна
100%
автоматизация чеков и отчётности
0
потерянных оплат и посещений
Нужна похожая экосистема: запись, оплаты, отчётность и роли — обсудим архитектуру под ваш кейс.