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