4 SOSNY. Сайт дома для отдыха в Карконошах

4 SOSNY - частный дом для отдыха у подножия Карконошей: 160 кв. м, вид на Снежку из панорамных окон, сауна, джакузи, электровелосипеды. Дом разделён на две равные половины, поэтому его можно снять целиком или заселить только одну часть - удобно и для большой компании, и для одной семьи.

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

Мы реализовали этот проект за 3 недели: спроектировали дизайн в Figma, собрали кастомную WordPress-тему, написали свой модуль бронирования с календарём доступности и подключили Telegram-уведомления, чтобы владельцы управляли заявками прямо с телефона.

Дизайн спроектирован в Figma с нуля. Палитру подсказал сам пейзаж - глубокий зелёный хвойного леса и тёплый кремовый, как свет в окнах дома вечером. Крупная типографика, много воздуха и фотографии без рамок: сайт передаёт лёгкость, подчёркивает лучшие стороны объекта и создаёт настроение ещё до приезда 🙂

Главная состоит из самых основных секций и закрывает практически все вопросы, которые могут возникнуть у гостя. Здесь есть цены, окрестности с расстояниями до троп и подъёмников, галерея, блог с советами от хозяев, FAQ и карта проезда. Каждая секция - отдельный настраиваемый блок в админке: контент можно перестраивать без разработчика.

Всё, что вы видите на сайте, - наша работа от и до. Мы сами приехали на объект и отсняли дом: интерьеры, сауну и зону велнеса, спальни, вид на Снежку и кадры с дрона сверху. Никаких стоков и чужих фотографий - только реальный дом при хорошем свете.

Отдельная гордость - виртуальный тур 360°. Мы сняли шесть панорам ключевых комнат и собрали из них интерактивный обзор: гость крутит вид в любую сторону, будто стоит посреди комнаты, и переходит между помещениями по списку. Панорамы вращаются прямо в браузере и одинаково работают на телефоне. Такой тур снимает половину вопросов ещё до брони - человек видит дом своими глазами и приезжает уже «своим».

Одну панораму из тура мы встроили прямо сюда - покрутите сами.

Дом разделён на две равные половины, поэтому его снимают по-разному: апартамент на компанию до 4 гостей или весь дом целиком - до 8 человек, четыре спальни, две кухни и две ванные. Мы вынесли этот выбор на видное место: на главной две карточки с ценой и составом, а в форме бронирования - переключатель формата, который меняет и доступные даты, и итоговую стоимость.

Готовые booking-плагины для WordPress - это подписки, лишние экраны и чужая логика. Для одного дома с двумя половинами нужна была простая и честная механика, поэтому модуль мы написали сами.

• Заявки хранятся в админке как отдельная сущность - со статусами «Новая», «Обрабатывается», «Подтверждена», «Отменена», счётчиком новых заявок в меню и фильтрами по имени, email, телефону и датам заезда.
• Заявка фиксируется сразу через хук, который перехватывает форму после валидации, но до отправки почты, и создаёт запись в базе - даже если почтовый сервер даст сбой, обращение не потеряется.
• Бронь целого дома закрывает обе половины, а бронь половины помечает день как частично занятый. Календарь на сайте подтягивает занятость через AJAX и показывает только подтверждённые заявки.
• Система следит за количеством гостей и подстраивает под него бронь. На половину дома можно заселить до 2 взрослых и 2 детей; если в заявке, например, 3 взрослых и 2 детей, она автоматически превращается в аренду целого дома - цена пересчитывается на лету, и гость сразу видит это на странице.

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

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

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

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

• Разметка страниц по стандартам schema.org - LodgingBusiness со всеми атрибутами объекта и FAQPage, чтобы претендовать на расширенные сниппеты в Google.
• Строгая иерархия заголовков и осмысленные alt-тексты у всех изображений - семантика чистая и понятна поисковикам.
• Убрали ссылки, которые вели сами на себя, и вычитали всю структуру по нашему внутреннему SEO-чек-листу.
• Выполнили требования GDPR: cookie-баннер с честным выбором, а карта Google подгружается только после согласия - до этого никакие внешние запросы не уходят.
• Скорость довели по рекомендациям PageSpeed Insights, чтобы показатели ушли в зелёную зону: изображения конвертируются в WebP при загрузке, подключён lazy load, лишний код убран.

Сайт живёт на обычном shared-хостинге - для клиента это недорого и не требует администрирования. Но процесс разработки мы построили как на «взрослой» инфраструктуре: локальное окружение в Docker повторяет прод один в один, а каждый пуш в main запускает GitHub Actions с инкрементальным rsync-деплоем по SSH - на сервер уезжают только изменённые файлы темы, сверенные по чек-суммам. Загруженные фото и ядро WordPress деплой не трогает в принципе.

Любое изменение появляется на боевом сайте автоматически, примерно за минуту. За первые десять дней жизни сайта мы выкатили полсотни обновлений - включая GDPR-баннер и Telegram-уведомления - без единой остановки сайта.