Продвинутый модуль бронирования на сайте отеля.

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

Есть такой способ размещать модуль бронирования на стороннем сайте с помощью переадресации.

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

Например:

Модуль бронирования

• находится на стороннем сайте

• не вызывает доверия из-за доисторического интерфейса

• автоматически выбирает бронь при первичном посещении

• наличие мест на выбранный период определяется после обновления сайта

• приходится бесконечно изменять даты в поисках свободного номера

Или такое решение:

• форма дает возможность выбрать занятое место

• потом переводит на новую страницу и пишет, что нет доступных номеров

• при частичном совпадении предлагает «доступные даты заезда» во всевозможных вариантах. Выбранный номер в данным списке не имеет приоритета и расположен на 3 месте

• при выборе 1 гостя показывает сначала двухместные номера

• нет калькулятора

• нет возможности сразу посмотреть свободные даты в конкретных номерах

• отсутствует разрешение для мобильной версии

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

Другой способ - это встроенная форма на сайте, которую мы и использовали. Разберемся с её трудностями.

На первом этапе мы выбрали максимально приближённый под задачу плагин на WordPress, который даёт такие необходимые возможности, которые мы выявили после анализа UX и UI.

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

Мы настроили ajax-бронирование на странице сайта, чтобы записывать данные и получать ответ без обновления.

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

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

Вот как это выглядит.

На главной странице можно выбрать тип размещения.

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