Как мы создавали сайт для отеля “МРИЯ”, и почему это привело нас к созданию собственного решения для отелей

“Мрия” – самый премиальный в Крыму отель и крупнейший в России курорт с сотнями престижных наград. Его огромная территория в 60 га – это целый город для отдыха и развлечений: около 20 ресторанов, баров и лаундж-зон, медицинские центры, СПА, огромный детский парк, десятки крытых игровых зон, разные спортивные объекты, собственный пляж, японский сад, винный парк, яхт-клуб. Сделать сайт для отеля, имеющего награды лучшего оздоровительного курорта Европы и ведущего мирового курорта для отдыха – это вызов и огромная ответственность. 

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

Мы считали, что главное - показать даже не возможности для отдыха, а престиж курорта. У премиального объекта такого масштаба априори лучшая в регионе инфраструктура для отдыха. Поэтому в дизайн-концепте мы оформили главную страницу в темных тонах, чтобы подчеркнуть люксовость “МРИИ”, вынесли туда ключевые УТП и главное позиционирование. В отличие от многих других студий, которые ограничиваются презентацией только первого экрана сайта, мы сделали полноценную главную страницу с дизайном. 

Но, заказчик идею не оценил, ему не понравился визуал. Как оказалось, «Мрия» наоборот хотела избавиться в дизайне от излишней премиальности. Сайт не должен создавать ощущения чрезмерной дороговизны курорта. Надо сказать, что предыдущий сайт отпугивал часть целевой аудитории курорта, которые считали его слишком дорогим. И у них возникал вопрос: а зачем ехать в “МРИЮ”, если за эти же деньги можно отдохнуть в Турции, Египте, Греции, Таиланде. 

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

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

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

В итоге мы оперативно переделали дизайн, структуру и контент главной страницы, отказавшись от излишни премиальных темных тонов, и убрав с первого экрана всё лишнее. Дополнительно проработали и представили заказчику своё видение страницы с номерами. Почему решили сделать именно эту страницу? Для VIP-гостей, и в целом для посетителей отелей. комфорт заключается не только в уровне сервиса, разноплановой инфраструктуре курорта, но в первую очередь - в номерах. Это личное пространство гостя, где он может полноценно расслабиться. От того, как сайт презентует номерной фонд, во многом зависит окончательное решение гостя – приезжать или нет. Ниже пример того, как мы сделали страницу президентской виллы. 

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

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

Как мы уже говорили, “МРИЯ” – это не просто отель, а экосистема для отдыха, развлечений, оздоровления, и лечения. Сайт для объекта такого масштаба – это целый виртуальный город. Честно говоря, чтобы оценить все преимущества отдыха в “МРИИ”, туда нужно приехать на пару недель. Но погрузиться в изучение продукта не получилось, так как началась пандемия коронавируса. И вместо поездки мы провели десятки часов на видеоконференциях с великолепной и дружелюбной командой “МРИИ”. Нам высылали фотографии, видео, документы. Для нас проводили виртуальные экскурсии. 

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

Ключевые требования и пожелания заказчика к новой версии сайта были следующими:

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

Во-вторых, визуал сайта не должен создавать ощущения излишней дороговизны курорта. Целевая аудитория курорта – смешанная. Это не только люди с очень высоким уровнем заработка, в том числе проживающие в Крыму. Есть достаточно большое количество гостей с достатком выше среднего по стране. Среди них чиновники и военнослужащие, которые являются т.н. «невыездными» за рубеж. Поэтому дизайн сайта, его контент, должны соответствовать ожиданиям разных категорий целевой аудитории.

Техническая начинка сайта “МРИЯ”.

Прежний сайт “МРИИ” обрабатывал большое количество трафика, поэтому новый «движок» должен справляться, как минимум, не хуже. На предыдущем сайте использовалась самописная CMS. Но проблема таких CMS в том, что человеку, не связанному с ее разработкой, внести на сайт какие-либо изменения почти нереально. Даже незначительные правки приходится вносить с достаточно большим обновлением кода. Иногда новые изменения приводят к искажению других элементов на сайте.

Мы выяснили, что на старом сайте:

1. долгий период загрузки, из-за этого росло количество отказов. А с ростом показателя отказов на сайте часто возрастает нагрузка на отдел продаж, куда звонят потенциальные клиенты, чтобы задать вопросы и сделать бронирование.
2. отсутствие удобной административной панели, что затягивало процесс внесения информации. А это критическая проблема, потому что на курорте такого масштаба постоянно что-то улучшается, меняется и нужно оперативно делать правки на сайте. Представьте себе насколько недовольным может оказаться премиальный клиент, если он приезжает в “МРИЮ”, а информация, которую он прочитал на сайте, уже не соответствует действительности. В свою очередь это потенциально негативный отзыв, который бьет по имиджу курорта. 

Мы максимально упростили панель управления и взяли за основу 1С Битрикс Управление Сайтом, и дополнительно интегрировали сайт с CRM Битрикс24. В итоге сотрудники курорта могли самостоятельно управлять контентом на сайте, работать с формами, заявками без знания кода (хотя отметим наперед, что лучше, когда разработчик сайта остается на этих задачах, он профессионал, и “МРИЯ” так и сделала, оставив сайт на техническое и контентное сопровождение нам). 

1. Много т.н. «мусорного кода», вследствие чего некоторые страницы выглядели криво, шрифты на разных страницах отличались, иконки съезжали. 

Заказчик хотел использовать CMS 1С Битрикс Управления сайтом, так как с ним работает много разработчиков и сайт смогут поддерживать с любым подрядчиком, если тот, который создает сайт, в какой-то момент не подойдет. Но мы хотели создать сайт таким, чтобы он был гибким, чтобы можно было бы собирать страницы из блоков в разном порядке со своим дизайном, а Битрикс не совсем подходит для сборки страниц из блоков, он предполагает строгую шаблонизацию, поэтому мы разработали свое решение для Битрикс как надстройку.

Какие фишки мы реализовали в структуре и дизайне сайта “МРИИ”

1. Боковая навигация. 

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

Наше решение на тот момент было новаторским (да и сейчас мало кто так делает) – мы сделали боковую панель. Там же размещались контактные данные и меню. 

2. Блочная структура страниц и боковая панель с информацией.

Мы приняли решение использовать блочную систему, тогда еще новую для нас систему, которую мы разработали как надстройку для Битрикса, потому что она очень удобная для посетителей сайта, тем более такого масштаба как у “МРИЯ”. 

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

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

3. Цветовое оформление разделов сайта.

В процессе дизайнерской проработки сайта мы думали над тем, чтобы цветовое оформление разных разделов вызывало у пользователей определенные ассоциации. Например, на страницах о медицине в оформлении использовался зеленый цвет. Зелёный — цвет весны и обновления. Оздоровление – это обновление организма. 

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

4. Карта курорта.

Очень актуальная история для объекта с территорией 60 га и разнообразной инфраструктурой. Надо сказать, что курорт "МРИЯ" стал одним из первопроходцев в плане создания карты объекта.

На карте "МРИИ" можно посмотреть отдельные локации, которые открываются в виде фотографий или pop-up с краткой информацией и возможностью перейти в соответствующий раздел. Карта, по сути, является альтернативным способом изучения информации на сайте и навигацией по разделам сайта. 

Очень многие отели и курорты впоследствии стали заказывать в студии «Вебстер» интерактивные карты своих объектов.

5. Калькулятор отдыха. 

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

Такой инструмент хорошо работает для того, чтобы еще на стадии изучения отеля у потенциального клиента сформировались ответы на вопросы: «Чем я там буду заниматься?», «Зачем мне туда ехать?», «Что интересного мне предложат?». 

6. Крутой продакшен на всех ключевых страницах сайта.

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

Отдельная история была с проработкой дизайна главной страницы сайта. Не будем перечислять все идеи, которые были придуманы и отвергнуты (иногда не без споров внутри нашей команды). Главные задачи первого видимого экрана главной страницы сайта: 

- зацепить внимание посетителя и заинтересовать его;

- передать потенциальному клиенту атмосферу курорта;

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

Нужно понимать, что пользователь взаимодействует с первым экраном сайта буквально несколько секунд и крайне важно дать ему максимально мотивирующую картинку (будь то видео фоном или слоган с УТП).

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

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

Разработка сайта для “МРИЯ” заняла год. Естественно, мы стали сопровождать его (но это уже другая история). Впоследствии многие отели, санатории и курорты обращались в нашу студию с просьбой «сделать как у Мрии». 

Но, версия сайта 1.0. от студии Webster стала не окончательной. Почему и что было дальше – в нашей следующей статье.

Продолжение следует …