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-сповіщеннями - без жодної зупинки сайту.