Как мы скрестили Tilda с Booking-ом и что с этим гибридом делать поклонникам минералки
После того как свершился исход из России Booking-а и Airbnb, а на славный город Пятигорск начало спускаться мартовское солнышко, перед IT-шником и по совместительству владельцем 16- метровой студии в историческом доме-борделе, встал вопрос: «Как же жить дальше?». Самым очевидным вариантом казалось взять, напрограммировать что-то для съема жилья на Кавказе, сдать и свое и чужое, и заработать, но очень быстро это желание уперлось в реальность, которая говорила странные фразы вроде
ты никогда не делала фронтенд
В итоге, мозг жаждущий кода, и здравый смысл, говорящий, что дорого яичко ко Христову дню, а работающий сервис к середине апреля, чтобы устроить гостей на майские праздники, склонились к тому, что надо делать быстро, красиво и на Tilda.
В тот момент, когда на Tilda была сделана одна страница и я с гордостью показала ее другой хозяйке, спросив, будет ли она пользоваться этим шикарным сервисом, поступил ответ о том, что много нас таких стало, сопровождающейся ссылка на точно такой же сайт на Tilda, но имевший уже 3 страницы да еще и с купленным доменным именем!
Сердце мое затрепетало, гордость была ущемлена и захотелось сразу все бросить и ждать следующего подходящего кризиса в России и мире. Однако после чашки чая пришла идея сложить усилия и делать один и тот же сервис вдвоем, после чего я, совершив немыслимое усилие, позвонила конкуренту и предложила запополамить наши усилия и бюджеты. После недолгого анализа возможностей и дележа шкуры неубитого медведя — на мою долю выпала вся техническая составляющая, включая модуль бронирования, поиск на карте и личный кабинет хозяина.
На долю моего нового партнера Веры — поиск хозяев, путей продвижения и созвоны со сложными клиентами.
Начинаем писать код
И тут с первой же задачи, стоящей перед новоявленной агрегаторшей CEO и CIO, наступил практически IT-тупик. В Tilda нельзя дать доступ на редактирование только своих квартир хозяевам. Нельзя сделать поиск по свободным датам. Нельзя скрывать и показывать данные на карте в зависимости от условий. В целом, казалось, что ничего нельзя, поэтому, …тадам… Tilda стала осишарпиваться.
Первым достижением стало понимание, что в встроив в Tilda блок с html-ем, можно менять внешний вид карточек. И поигравшись со скрытием-отображением, получилось затенять те квартиры, которые по выбранным критериям недоступны. Осталось дело за малым — простеньким web-сервисом, позволявшим получать свободные и занятые квартиры.
Примерно так. Яркие — это свободные, блеклые — уже занятые.
Сервис шел в базу, возвращал URL, который jquery-обходчик сличал с текстом в элементах плитки. А дальше — где сервис, там и личный кабинет для управления доступностью. Не самим же за всех хозяев и хозяек региона датами SQL-запросами управлять! (хотя сперва и такая мысль была))
Хостить в России или не хостить — вот в чем вопрос
Однако тут сразу встала проблема — где все это счастье хостить? Очень хотелось использовать облако Яндекса, такое неподсанкционное, родное и зарублевое. но как в него удобно публиковать код из Visual Studio, так и не было за приемлемое время выяснено.
Плюс, цены на базы MS SQL заметно кусались, а осваивать Postgres, Docker, да и изучать все остальное линуксовое для раскатывания на машинах через Яндекс через консоль, было слишком расточительно для скорости проекта. Поэтому, Azure для программиста .net все-таки рулит. Благо нашлась карточка зарубежного банка. Да не услышит об этом роспотребнадзор… Это ж временно…
Следующим шагом покорения Tilda стала форма бронирования, отправляющая письмо гостю и хозяину.
Выглядела она модно, стильно, содержала немыслимое количество непонятных тильдовых стилей, которые так и не стали красиво отображаться на телефоне, но требовала суровой рукопашной — а именно вставки ее копипастом на все 120 страниц сайта… А через день — еще одной вставки, потому что пришлось править на ней малюсенький баг…
Зато форма уже слала письмо и даже создавала строку о бронировании, с которого можно было получать заслуженную комиссию.
Следующим шагом была встройка в Tilda карты.
Тут пришлось повозиться с API Яндекса, в очередей раз быстренько пробежаться по всем 100+ квартирам и вбить в них широту и долготу, а также под шумок сделать функцию корректировки из личного кабинета хозяина цены на дату и возможность подгрузки титульного изображения. Зато — проекту нет еще и месяца, а уже можно искать не только по списку, но и по карте, учитывая цену на весь срок!
Вот так выглядит карта, открывающаяся перед очами гостя, опоздавшим вовремя озаботиться жильем на майские праздники. Красное — это категорически занято.
Еще пару слов о личном кабинете хозяина.
Он совсем прост, богат советами из копилки сообщества хостов, но по современным меркам являет вид печальный.
Серые шрифты его давно вышли из моды, верстка сопровождается необходимостью бесконечного скроллинга вместо адаптивного дизайна, логин и пароль не запоминаются браузером, а овцы безвозбранно бродят по могилам, ой не оттуда. Но тем не менее свою функцию он выполняет.
Не считая разве что функции «под пятую точку пинательной», так как хозяева квартир, как существа привыкшие к жизни на курорте, увы, не всегда помнят что и как делать вовремя.
Личный кабинет, который не имея возможности похвастаться красотой, берет советами и полезностями 
Кликни меня — и закроешь дату (конечно, если запрос успеет отработать до закрытия страницы)
Собственно сейчас, кажется, можно немного выдохнуть, залатать несколько зияющих дыр в процессе бронирования и, наверное, начинать делать нормальный продукт, пойдя по одному из трех путей:
Доверить кому-то делать разработку с нуля
Оставить бекенд, который в том или ином виде уже есть, взяв фронтендера
Перестать мучить Tlda и купить готовый продукт или модуль для отелей и жить с его багами и проблемами
Подводя итоги начала
Подытоживая, что могу сказать — Tilda, если подобрать к ней хорошую книгу рецептов, может быть неплохо приготовлена. А если у вас есть время на совершение кучи однообразной и монотонной работы — так с ней и вообще можно жить до достижения ограничения в 500 страниц.
И еще! начиная стартапить — не стоит уходить вглубь разработки. Удобная форма онлайн оплаты не чуть не лучше переводов с карты на карту или наличных расчетов, так как если сервис для людей новый — они не будут доверять онлайн платежам на нем в том числе. Так что, имхо, имея возможность сделать новую фичу, лучше потратьте это время на то, чтобы сторговаться с блогером на скидку. Ибо нет ничего более обидно чем код, чью красоту не оценили ни разу не зашедшие на сайт пользователи.
Система бронирования для отеля в тильде
Хостел находится в центре города в 5 минутах от автобусной остановки и станции метро. Прекрасное место для путешественников, которые хотят сразу погрузиться в центр ирландской жизни. Мы находимся в сердце Дублина, рядом все достопримечательности и музеи, до исторического центра идти всего 20 минут.
Стильное кафе и бар – еще и центр жизни для местных художников и творческой молодежи. Отличное место, чтобы познакомиться с новыми людьми или быстро перекусить перед осмотром города.
У нас есть все, что нужно для комфортного отдыха. Современная большая кухня вместит вас и ваших друзей. Ресепшн работает 24 часа без выходных. В хостеле работает бесплатный Wi-Fi, есть компьютеры, если вам нужно проверить почту или заказать билет.
Также на стойке информации вам помогут сориентироваться в городе, дадут бесплатную карту и предложат взять велосипед в аренду. В каждом номере есть ванная, фен для волос и свежие полотенца.
В хостеле Backpackers мы всегда уважаем клиентов и с радостью приветствуем новых жильцов. Просим и вас отнестись с пониманием: в номерах нельзя устраивать шумные вечеринки, а после 23:00 нужно сохранять тишину.
На кухне у нас действует правило самообслуживания: каждый должен помыть после себя посуду и убрать за собой.
Если вы ели в номере, не забывайте вернуть посуду обратно на кухню. Время заезда в наш хостел начинается с 15:00 по местному времени. Время сдачи номера – до 11:00.
Если вы не успеваете, у нас есть дополнительная платная услуга, которая позволит вам не спешить и выехать из номера в 14:00. Подробности вы сможете узнать на ресепшн.
Разработка сайта гостиницы с нуля на шаблоне WordPress с конверсией 1,8% в успешное бронирование
У нас в агентстве существует несколько направлений по созданию сайтов. Мы разрабатываем их на конструкторе Tilda, на разных CMS: 1с Битрикс и WordPress. Выбор зависит от потребностей клиента, его бюджета и функционала, который требуется. Чаще всего мы делаем сайты на шаблонах. Это позволяет уйти от больших затрат на работу с кодом и значительно экономит деньги заказчика.
Стоимость такого решения в разы меньше, чем разработка сайта с уникальным кодом. На рынке шаблонов представлено множество вариантов оформления, поэтому можно подобрать именно тот, который нравится клиенту и отвечает его потребностям в функционале. Мы выбираем шаблоны, поддерживающие framework «Elementor». Он дает широкие возможности редактирования, и получается именно такой вариант сайта, который задумывали на этапе прототипов.
В этом кейсе расскажем как работаем с такими шаблонами. Вы увидите рабочий процесс по созданию сайта на WordPress от заявки до сдачи в работу.
Сайт, который мы сделали для клиента.
Предприниматель из Кургана, который занимается гостиничным бизнесом, обратился в агентство для разработки сайта нового отеля. Для данного проекта предполагалось создавать отдельный сайт с нуля – с проработкой структуры, оформления и контента.
Создать удобный для посетителей сайт с высокой конверсией;
Интеграция модуля TravelLine для бронирования номеров;
Подключение систем веб-аналитики;
MOST – первый бутик-отель в Кургане, который представляет собой сочетание богатой истории города и современных технологий. Комплекс располагается в двух зданиях. Первое здание, представляющее историческую ценность, появилось на карте города более ста лет назад – в 1914 году. Второе здание – современный корпус, который был построен специально для бутик-отеля MOST. Номерной фонд отеля включает в себя 15 комфортабельных номеров с дизайнерским ремонтом. Для гостей комплекса имеется коворкинг с библиотекой и лаунж, который подходит для проведения конференций, семинаров и тренингов.
Курган. Здесь в сфере гостиничного бизнеса наблюдается средняя конкуренция и умеренный спрос.
На обсуждении с заказчиком мы сформировали дорожную карту работы над проектом, включив в неё:
- Анализ конкурентов.
- Изучение ЦА, боли клиентов.
- Выбор шаблона для будущего сайта.
- Работу с прототипом.
- Разработку сайта.
- Настройку интеграций и систем аналитики.
Процесс разработки сайта начинается с изучения рынка и анализа конкурентов. Данная процедура преследует простую цель – сделать новый сайт лучшим в своем сегменте рынка. В процессе проведения анализа конкурентов исследуются следующие метрики:
- Дизайн и юзабилити сайтов.
- Технические особенности ресурсов.
- Качество и подача контента.
- Поведение пользователей.
- Ссылочное окружение.
Анализ лидеров рынка позволяет лучше оценить потребности целевой аудитории и выделить конкурентные преимущества компании. Таким образом, полученная информация является отправной точкой для формирования стратегии дальнейшего продвижения бренда.
Для проведения анализа мы выбрали три компании из Кургана, которые занимали ведущие позиции на рынке. По результатам исследования мы обратили внимание на ряд особенностей в сфере гостиничного бизнеса региона:
У двух конкурентов отсутствовали адаптивные версии сайтов. Учитывая стабильный рост пользователей сети, предпочитающих использовать мобильные устройства, адаптивная версия уже давно стала обязательным атрибутом практического ресурса, который дорожит вниманием клиентов. Статистика показывает, что при переходе на сайт с неудобной навигацией, большинство посетителей предпочитает немедленно закрывать страницу, что негативно сказывается на количестве заказов и ранжировании поисковых систем.
Для привлечения гостей конкуренты делали специальные скидки для молодоженов. Также на дополнительную скидку могли рассчитывать пользователи, которые бронировали номера с помощью формы заказа на сайте. Пользовались популярностью акционные предложения выходного дня.
Поскольку специальные предложения действительно помогали увеличивать количество гостей, мы посоветовали заказчику разместить на главной странице сайта блок с акциями.
При описании услуг и сервисов конкуренты акцентировали внимание на возможности посещения спортзала и аренды залов для проведения конференций. После переговоров с заказчиком мы разместили на главной странице четыре наиболее востребованные услуги. Остальные предложения были сформированы в виде списка на отдельной странице. Для ознакомления с полным перечнем предложений мы установили отдельную кнопку «Смотреть все услуги».
Данное решение позволило рационально использовать полезное пространство главной страницы.
Составление портрета целевой аудитории – важный шаг в развитии гостиничного бизнеса. Понимание основных потребностей гостей позволяет лучше определять основные каналы продвижения, точнее настраивать рекламу, а также создавать цепляющие офферы с высокой конверсией.
По результатам маркетингового анализа было выделено три группы потребителей гостиничных услуг:
- Молодожены (подавляющее большинство – жители Кургана).
- Путешественники (бизнес-путешественники, корпоративные туристы, индивидуальные путешественники).
- Организаторы мероприятий (тренинги и конференции).
Каждая аудитория была разобрана как сегмент по интересам, потребностям и ожиданиям:
Боли клиентов – это описание проблем, которые есть у целевой аудитории.
Изучение данных проблем является фундаментом, на котором базируется продвижение любого продукта или услуги. Если вы не знаете «боли» потенциальных клиентов, создать востребованный продукт и выстроить эффективную маркетинговую стратегию будет довольно проблематично.
Перед разработкой сайта гостиницы мы провели исследования и выявили боли потенциальных гостей комплекса.
- Приемлемая стоимость услуг гостиничного комплекса.
- Высокие требования к уровню комфорта и сервиса.
- Безупречная репутация гостиницы.
- Для решения болей мы использовали акционные предложения для молодоженов и скидки на бронирование номера.
- Расположение гостиницы в центральной части города.
- Возможность бронирования номера.
- Любое время заселения и выезда.
- Большой выбор дополнительных услуг и сервисов.
- Доступная стоимость и большой номерной фонд.
- Соблюдение тишины и высокие требования к безопасности.
- Для привлечения внимания путешественников мы использовали тезис: «Отель и ресторан в историческом здании в самом центре города».
- Возможность одновременного бронирования нескольких номер;
- Наличие комфортных условий для проведения массовых мероприятий;
- Потребность в дополнительных услугах от гостиничного комплекса;
- Для удовлетворения запросов организаторов мероприятий предлагается вместительный конференц-зал и один из лучших ресторанов города.
Уникальные торговые предложения разрабатываются на основании анализа болей клиентов. Пример подобного исследования представлен ниже:
Темы и шаблоны в WordPress – это совокупность кодов и графических элементов, которые отвечают за визуальную составляющую сайта. В библиотеке WordPress представлено множество шаблонов – имеются платные и общедоступные варианты, англоязычные или адаптированные под русскоязычную аудиторию.
При разработке сайтов некоторые специалисты предпочитают готовые темы с заложенной структурой и дизайном. Однако, чтобы выделить сайт среди конкурентов лучше использовать специальные инструменты. В данном случае мы работали с Elementor PRO – профессиональной версией функционального плагина для редактирования и создания новых шаблонов в WordPress.
Для сайта гостиницы мы подобрали шесть шаблонов WordPress, которые наиболее точно соответствовали потребностям клиента. Выбранный вариант использовался в качестве основы – редактирование осуществлялось с помощью Elementor PRO.
С изначальным вариантом шаблона можно ознакомиться на видео:
