Система бронирования офисных пространств

Flacon.Space — это офисные ячейки и коворкинг от креативной экосистемы Флакон. Локация Flacon Space – не просто квадратные метры, мы формируем коммьюнити специалистов, неравнодушных к дизайну, инновациям, устойчивому развитию.

Флакон обратились к нам за разработкой MVP, упрощающий систему бронирования офисных пространств и прием оплаты.

Разработка минимально жизнеспособной версии (MVP) онлайн-сервиса для бронирования рабочих мест, переговорных комнат и площадок для мероприятий в коворкинге Flacon Space. Сервис должен упростить процесс бронирования, оплаты и документооборота как для частных пользователей, так и для корпоративных клиентов.

1. Бронирование коворкинга
   • Выбор незакрепленного рабочего места в общественной зоне или зоне кочиллинга.
   • Тарифные планы: поминутная аренда, аренда на день, неделю или месяц.
   • Удобный фильтр по дате, времени и типу доступа.
   • Отображение доступных мест в реальном времени.
2. Переговорные комнаты
   • Аренда переговорок на 4–6 человек.
   • Детальное описание условий аренды, фото, включенные опции (Wi-Fi, доска, телевизор и пр.).
   • Бронирование по времени с возможностью продления.
   • Учет совместных бронирований для команд.
3. Площадка для мероприятий
   • Онлайн-бронирование многофункционального пространства для лекций, съемок, митапов и хакатонов.
   • Возможность создания событий с описанием и сбором регистраций от гостей.
   • Модерация заявок и отображение событий в общем календаре.
4. Публикация новостей и мероприятий
   • Панель для администратора для размещения новостей, обновлений, предстоящих мероприятий.
   • Возможность добавления баннеров, кнопок регистрации и файлов для скачивания.
5. Онлайн-оплата
   • Интеграция с платежными системами (ЮKassa, CloudPayments или Tinkoff).
   • Оплата аренды после подтверждения брони.
   • Генерация электронных чеков.
6. Личный кабинет клиента
   • История бронирований.
   • Доступ к закрывающим документам для бухгалтерии (акты, счета, договоры).
   • Настройка уведомлений и напоминаний.
   • Поддержка email-уведомлений о бронированиях, изменениях и важных событиях.

Работа над вёрсткой началась после утверждения структуры страниц и пользовательских сценариев. На первом этапе была подготовлена базовая структура проекта, затем приступили к пошаговой вёрстке ключевых страниц: главной, каталога бронирований, карточек рабочих пространств, формы бронирования и личного кабинета пользователя.

Особое внимание уделялось адаптивности: интерфейс сразу проектировался по принципу mobile-first, чтобы корректно отображаться на смартфонах, планшетах и десктопах. Вёрстка велась вручную с использованием модульных CSS или SCSS, чтобы обеспечить гибкость в стилизации и масштабируемость проекта.

После завершения каждого этапа страница проверялась в разных браузерах и устройствах, проводилось внутреннее тестирование и выкатка на тестовый сервер. По результатам итераций вносились правки, связанные с UX и внешним видом элементов.

Разработка серверной части велась на фреймворке Symfony 6. Основной упор был сделан на модульную архитектуру, устойчивость к нагрузке и простоту дальнейшей поддержки. В качестве административной панели использовался внутренний компонент NJ Admin, разработанный NJ Soft, что позволило ускорить реализацию back office-функционала без ущерба для кастомизации.

Компоненты NJ Admin позволили:

• значительно сократить время на разработку административной панели;
• использовать готовую авторизацию и разграничение ролей;
• гибко настраивать формы и таблицы через YAML-конфигурации;
• кастомизировать шаблоны без переписывания логики.