«Природа в один клик»: сайт Orsha River Club на Tilda

Задача

Клиент сказал: “хочется сайт, после которого люди бронируют не домик — а тишину, утренний лес и вкусный завтрак на веранде”. Мы сразу поняли: делаем не просто лендинг, а цифровую открытку с запахом сосен. Так появился сайт Orsha River Club — место, в которое хочется провалиться с первого экрана.

Для кого мы старались

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

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

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

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

Решение

Аналитика и подход к ЦА

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

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

Были выявлены следующие поведенческие паттерны:

• стремление получить максимум информации с минимумом кликов;
• ориентация на фото и видео контент;
• предпочтение мобильного просмотра.

Эти наблюдения легли в основу всех UX-решений — от структуры страниц до расположения элементов и сценариев бронирования. Нам было важно говорить с пользователем его языком, не перегружая сайт, но давая все необходимое в 2–3 клика.

Каждый блок — это как кадр из отпуска. И мы постарались сделать этот виртуальный отпуск.

1. Слушаем, вдыхаем, проектируем

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

2. Строим маршрут по сайту

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

• главный экран с атмосферным видео, логотипом и модулем бронирования;
• блок «Об отеле с описанием отеля, его философии и преимуществ, включая отметки от агрегаторов;
• блок «Проживание» с карточками всех типов размещения, описаниями и рум-турами;
• блок «Чем заняться» с визуальными подсказками и идеями для отдыха на территории;
• блок «Ресторан» с описанием концепции кухни, расписанием работы и фотогалереей;
• отдельный блок «Акции» — разместили предложения по скидкам и бонусам: бесплатная баня в будни, скидки в честь дня рождения и годовщины;
• блок «Часто задаваемые вопросы» (FAQ) — закрывает типовые возражения и помогает пользователям принять решение быстрее;
• интерактивную карту территории с метками всех объектов — от лоджей и бассейна до пирса и кафе;
• блок с контактами, картой проезда и кнопками связи (WhatsApp, email), оформленный на фоне лесного массива с дрона.

3. Рисуем тишину

Разработан прототип с фокусом на mobile-first:

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

4. Сайт с легким заходом

Перенесли структуру и дизайн в Zero Block Tilda с адаптацией под все разрешения. Использовали встроенные механики для:

• интеграции с Bnovo;
• создания кликабельных блоков меню;
• формирования галерей с lazy-load;
• автоматической SEO-структуры: заголовки, alt, description.

5. Под капотом

• подключен Bnovo;
• настроена карта и форма обратной связи;
• реализована CMS-панель для самостоятельного редактирования контента заказчиком.

6. Финальный обход

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

Результат

Нам удалось разработать атмосферный сайт, который стал для Orsha River Club не просто цифровой визиткой, а полноценной точкой контакта с будущими гостями. Он:

• усилил онлайн-присутствие и стал ядром PR-стратегии отеля;
• повысил количество прямых бронирований на 37% уже в первые месяцы после запуска (по данным клиента);
• сократил процент отказов на мобильных устройствах до 18% — отличный показатель для отрасли;
• обеспечил удобство в администрировании: клиент самостоятельно обновляет тексты и фото, не прибегая к помощи подрядчиков. Интерфейс сайта — минималистичный, с акцентом на мобильный UX. На первом экране — видео с утренней тишиной и соснами, кнопка бронирования всегда под рукой. Внутри — анимация, рум-туры, lazy-галереи и. Главное, что мы поняли: сайт для загородного отеля начинается не с формы бронирования, а с умиротворяющей атмосферы заповедного леса и доверия.

Комментарий агентства

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

Рустам Куркаев

Веб-дизайнер

Ссылка на проект:

https://orshariver.club