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

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

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

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

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

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

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

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

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

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

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

MVP приложения по бронированию запущен в кратчайшие сроки. Получен положительный отзыв от заказчика после ввода в эксплуатацию.