Система бронирования и управления рабочими зонами для «Мануфактуры офисов»

«Мануфактура офисов» — системный интегратор, работающий в сегменте коммерческой недвижимости. Компания занимается поиском новых подходов к использованию офисных пространств и внедряет современные решения для повышения их эффективности.

Мануфактура офисов — представитель PropTech-рынка, предлагающий комплексные проекты для офисов: от ремонта и оснащения рабочих мест до дальнейшего обслуживания помещений.

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

— новый дизайн главного экрана;

— обновление раздела «Мои бронирования»;

— разработка страницы для сотрудников;

— усовершенствование административной панели.

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

Проблему глобального состояния приложения мы решали поэтапно: сначала выделили отдельные модели для создания и изменения данных, затем для каждой ключевой сущности реализовали собственный класс. Для работы с табличными данными был создан отдельный класс. Хранение информации было переведено на использование React.Context, что позволило избавиться от нежелательных глобальных связей. Все хранилища теперь создаются при необходимости и автоматически удаляются, когда становятся неактуальными.

Среди важных технических решений — поддержка разных часовых поясов и перевод всего интерфейса на английский язык.

На выполнение редизайна и подготовку релиза приложения команда потратила четыре месяца. Среди ключевых изменений:

— Полностью переработали главный экран, реализовали расширенные фильтры поиска рабочих мест;

— Обновили сценарий бронирования и внедрили новую страницу «Мои бронирования», а также разработали отдельный интерфейс для планшетов у переговорных комнат;

— Добавили сущность «офис»;

— Отдельные страницы для информации об офисе, галереи и отображения офиса на карте;

— Внедрили раздел для работы с сотрудниками;

— Добавили экран «Профиль»;

— Реализовали поддержку английского языка и новых часовых поясов;

— Обеспечили обработку пользовательских ошибок на страницах приложения.

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

Ключевые обновления после релиза включали:

После получения пользовательского фидбека провели редизайн главного экрана, чтобы адаптировать продукт к новым требованиям. В разделе «Мои бронирования» реализовали расширенный функционал: теперь доступна вся история, добавлены фильтры по типу мест и статусу, а также выбор между отображением только своих или всех бронирований.

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

В рамках совместной работы с клиентом внедрили поддержку часовых поясов. Эта опция позволяет корректно отображать время бронирования для офисов, находящихся в разных регионах.

Для администраторов появилось больше инструментов управления:

— настройка пользователей и ролей;

— управление компаниями и офисами;

— интеграция с такими внешними сервисами, как SMTP, LDAP и Microsoft Exchange;

— просмотр и обработка всех бронирований.

Ввели белые списки для этажей и офисов — теперь видимость определенных помещений и рабочих мест для разных сотрудников может гибко настраиваться.

Появилась система доставок для планшетов в переговорных комнатах — теперь можно не только бронировать комнату, но и заказывать товары. Для этого разработали интерактивный чат-бот, который можно настраивать прямо в приложении. Меню настраивается отдельно для каждого офиса и отображается в веб-приложении.

Для рабочих мест теперь возможно детализированное расписание. Раньше были места, которые можно забронировать, но не было никаких ограничений. Теперь есть возможность задать доступность на каждый день и по минутам. 

Появилась возможность закреплять определенные рабочие места за конкретными сотрудниками, чтобы исключить повторное бронирование одним и тем же местом.

Помимо классического веб-интерфейса, разработали PWA-версию приложения — пользователи получили возможность «установить» сервис на рабочий стол и запускать его в отдельном окне браузера.

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

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

В мобильной PWA-версии реализован экран «Календарь» с выбором офиса (без детализации по этажам), а переговорные комнаты представлены единым списком. Остальной функционал идентичен десктопной версии.

Раздел «Сотрудники» адаптирован для использования на мобильных устройствах, функционал полностью совпадает с веб-интерфейсом.

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

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

В результате «Мануфактура офисов» получила современный сервис для бронирования рабочих зон, который упростил организацию работы не только для руководителей, но и для сотрудников, ассистентов и администраторов.