✔ Показати номери, СПА і ресторан готелю на живих фотографіях
✔ Допомогти гостю вибрати одну з шести категорій номерів без дзвінка
✔ Приймати заявки на бронювання номерів і резерв СПА-зон просто із сайту
✔ Тримати телефон і кнопку «Забронювати» під рукою на кожній сторінці
✔ Здобути довіру відгуками гостей, акціями й картою з адресою
Апарт-готель Cardinal — новий п’ятиповерховий будинок з екоремонтом за три хвилини ходьби від центрального бювету Трускавця. Номери мають кухні й облаштовані як окремі квартири, а поруч — СПА з турецькою лазнею, фінською сауною і джакузі, ресторан із баром, салон краси та конференц-зал. Готелю потрібен був сайт, який усе це показує і збирає заявки на бронювання.
Я розподілив пропозицію готелю між сторінками: головна — вітрина всіх напрямів, окремі сторінки номерів, СПА, ресторану й контактів, а бронювання — в один клік із шапки. Категорії номерів і зони СПА перемикаються вкладками та слайдерами, без зайвих переходів.
Вийшов сайт із десяти сторінок: головна, номери з шістьма категоріями, СПА, сторінка фінської сауни, ресторан, галерея з фільтром і переглядом у спливному вікні, відгуки, акції, контакти та політика конфіденційності — плюс модальні вікна бронювання з перевіркою полів.
Сайт, на якому гість вибирає номер, роздивляється СПА і ресторан та одразу надсилає заявку на бронювання.
Категорії перемикаються без перезавантаження: у кожної свій слайдер фото, площа і вид з вікна
Дати в календарі, гості, контакти й коментар; поле з помилкою підсвічується
Сім зон із власними слайдерами і сторінка сауни з параметрами та онлайн-резервом
Вкладки «Територія», «СПА», «Ресторан», «Відпочинок» і перегляд фото у спливному вікні
Спільна шапка з меню, телефоном, соцмережами та кнопкою «Забронювати»
Відгуки з оцінками й пагінацією, картки акцій, контакти з картою і політика конфіденційності
Гість роздивляється номер, дізнається про СПА і ресторан та бронює, не залишаючи сторінки.
Сайт розв’язує кілька основних завдань:
Відповідь гарантовано протягом 24 годин.
Перша консультація безкоштовна й ні до чого не зобов’язує.
Сайт готелю працює як перша екскурсія: гість має побачити номер, відчути атмосферу й одразу зрозуміти, як забронювати. На прикладі апарт-готелю Cardinal розповідаю, як я зробив сайт із номерами, СПА-комплексом, рестораном, галереєю та формами бронювання в модальних вікнах.
Cardinal — новий п’ятиповерховий апарт-готель з екоремонтом у Трускавці: три хвилини пішки до центрального бювету, поруч прогулянковий парк. Номери мають кухні й облаштовані як окремі квартири, а навколо — повноцінна готельна інфраструктура: СПА-комплекс, ресторан із баром, салон краси, конференц-зал, трансфер і доставка їжі в номер.
Готелю потрібен був сайт, на якому гість може роздивитися номер, дізнатися про СПА і ресторан та одразу надіслати заявку на бронювання. Я зробив цей сайт: зверстав десять сторінок, зібрав слайдери й вкладки, галерею з переглядом у спливному вікні та форми бронювання в модальних вікнах.
Усе, що пропонує готель, розподілено між сторінками так, щоб гість знаходив потрібне за один-два кліки:
Шапка спільна для всіх сторінок: меню розділів ліворуч, логотип у центрі, праворуч телефон, Facebook, Instagram і кнопка «Забронювати». Внутрішні сторінки починаються із заголовка й хлібних крихт, а підвал повторює адресу, телефони, соцмережі, кнопку бронювання та посилання на політику конфіденційності, правила проживання і блог. Хоч би де був гість, до дзвінка чи заявки — один клік.
Перший екран — фото номера на всю ширину, підпис Apart hotel, велика назва CARDINAL і короткий опис: сучасний п’ятиповерховий готель з екоремонтом. Нижче — абзац про головну перевагу: розташування біля центрального бювету й парку.
Далі головна по черзі розкриває, чому варто вибрати саме цей готель:
Сторінка номерів — найважливіша для продажів. Шість категорій — від однокімнатного двомісного номера до трикімнатного суперлюксу й представницького люксу «Кардинал» — перемикаються вкладками, без перезавантаження сторінки. У кожної категорії власний слайдер фотографій, назва, плашка з площею (наприклад, 38 м²) і кілька слів про вид з вікна.
Блок «Кожен номер оснащено» збирає в сітку іконок те, що гість зазвичай уточнює телефоном: міні-кухня, холодильник із морозильною камерою, посуд, чайник і чайний набір, душова кабіна, ліжка 180×200, косметика, Wi-Fi і комплімент від закладу. Додаткові послуги — прання, обслуговування в номері, екскурсії, доставка квітів, косметолог, візажист, масаж — ідуть великим рядком, і коли навести курсор на послугу, поруч з’являється її фото.
Унизу сторінки — форма «Забронювати номер»: дати заїзду й виїзду з вибором у календарі, кількість гостей, ім’я, телефон, пошта й коментар, обов’язкові поля позначено зірочкою. Та сама форма відкривається в модальному вікні після натискання кнопки «Забронювати», тож надіслати заявку можна з будь-якої сторінки, не втрачаючи того, що гість зараз переглядає.
СПА — сильна сторона готелю, тому в нього своя сторінка: турецька лазня, фінська сауна, джакузі, джакузі просто неба, фітобар, тренажерний зал і косметологія. Кожна зона — великий слайдер із підписом і кнопкою «Детальніше».
Фінську сауну винесено на окрему сторінку, яка показує, як побудовано опис зони. Параметри зібрано в іконки — температура 80–100 °C, вологість 10–20 %, до 8 осіб, натуральне дерево, лави на двох рівнях, напої з фітобару, — поруч розповідь про користь сауни й форма «Зарезервувати онлайн» з ім’ям, телефоном і поштою.
Форми бронювання номера й резерву СПА-зон перевіряють заповнення полів: якщо значення введено неправильно, поле підсвічується з підписом про помилку, і гість одразу бачить, що треба виправити.
Сайт витримано в темній графітовій гамі із золотими акцентами: золотом виділено кнопки, активні вкладки, іконки й назви розділів. Заголовки набрано класичною антиквою, текст — спокійним гротеском, а тлом шапки внутрішніх сторінок, підвалу й деяких блоків слугує тонкий лінійний малюнок фасаду готелю.
Під час верстки важливо було зберегти цей характер і не втратити зручності: теплі фото інтер’єрів мають добре читатися на темному тлі, фонова графіка — не заважати текстові, а вкладки, слайдери, спливні вікна й форми — працювати однаково на всіх сторінках. Тому повторювані елементи — шапку, картку зі слайдером, сітку іконок, форму бронювання — зібрано як спільні блоки й використано на всьому сайті.
Гість вибирає готель очима: фото номера, вид з вікна, СПА і ресторан важать більше, ніж довгі описи. Власний сайт — місце, де готель показує себе повністю й отримує заявки напряму. Створюючи сайт для готелю, я спираюся на кілька принципів:
Якщо вам потрібен сайт для готелю, гостьового будинку чи СПА-комплексу, я допоможу створити його повністю — від структури сторінок до слайдерів, галереї та форм бронювання.
