#EDULab – Коворкинг-пространство нового формата

Краткое описание

В нашу копилку интересных проектов добавился новый - сайт с системой бронирования для коворкинг-пространства нового формата - #EDULab – «Лаборатория Образования». 

Сайт получился не только современным и лаконичным по дизайну, но и функциональным и шустрым.

О компании-заказчике
 
Коворкинг-пространство нового формата - #EDULab – «Лаборатория Образования» предоставляет в почасовую аренду аудитории для проведения мероприятий различной тематики. Основными преимуществами являются не только самые выгодные цены на рынке и удобство локаций, но и гибкие условия аренды, программа лояльности, а также высокий уровень качества оказываемых услуг для каждого клиента.

Работа над проектом:

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

1.  Проектирование, разработка прототипа
2.  Разработка дизайна
3.  Верстка по разработанным дизайн-макетам
4.  Программирование.
5.  Двусторонняя интеграция с Google календарем

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

• Календарь бронирования.

В детальной лаборатории, а также на странице бронирования представлен календарь выбранной аудитории - полностью разработанный нашими специалистами.

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

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

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

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

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

Кнопка «Забронировать» сформирует заказ, если вы уже авторизованы, или откроет форму, после заполнения которой сформируется заказ.

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

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

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

• Двустороняя синхронизация с Google календарем

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

• Удобство администрирования.

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

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

• Слайдер популярных аудиторий.

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

• Фильтрация и поиск аудиторий

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

• Детальная аудитории

Чем более подробно и наглядна представлена информация о продукте, тем легче выбрать наиболее подходящий, это «правило» действуют для любого продукта или услуги, ну и конечно же и для подбора подходящей аудитории, как и в нашем случае. Поэтому детальные карточки были тщательно продуманы нашими специалистами. Сразу же на первом экране мы видим всю основную информацию и преимущества аудитории - адрес, площадь, вместимость, цена от и наличие wi-fi или кондиционера (что имеет летом особенно решающее значение). Затем - большой слайдер с фотографиями аудитории, где можно рассмотреть подробно саму аудиторию, а также варианты расположения мебели для проведения мероприятий различных форматов. Подробное описание, блок с прайсом, удобно представленным в виде таблицы, календарь, местоположение на карте позволяет легко сориентироваться и отзывы об аудитории с системой оценок по критериям: местоположение, сервис, чистота, простор.
 

Итог.

Сайт получился современным, красивым, а главное удобным и функциональным. Проект был очень интересным: разработка календаря, системы бронирования, двустороняя синхронизация  с Google календарем... Мы всегда рады браться за интересные проекты. В каждый сайт наша команда вкладывается по полной. Каждый интернет-проект "рожденный" в нашей студии по-своему интересен и неповторим. Доверяя нашим специалистам вы можете быть уверены в качестве, скорости, оптимальной стоимости и современности своего будущего проекта. Ждем ваши предложения на mail@starovoitov-v.ru