Интернет-маркетинг

ТОП-50 Дизайнов Лучших Сайтов Отелей Мира

24 July, 2020

top hotel websites design 550

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

Каким должен быть дизайн сайта отеля

При проработке дизайна исходят из следующих соображений:

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

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

Что касается нашего сегодняшнего ТОПа, то он составлен на основании отзывов читателей Travel + Leisure. Каждый из упомянутых ниже отелей сумел завоевать сердца своих постояльцев отличным сервисом и набором интересных дополнительных опций. Мы же разберемся в дизайне их сайтов.

Это не рейтинг. Каждый отель из списка ниже входит в число лучших в мире.

Singita

top hotel websites design 55

Гостиница расположена в Африке, дизайнеры сделали ставку на великолепные фото, показывающие красоту местной природы и то, как гармонирует с ней отель. Отметим удобную навигацию, под брендом работает несколько отелей, расположенных в разных частях Африки (ЮАР, Танзания, Руанда), по карте и меню можно быстро сориентироваться. Прямо на главной странице есть и форма для бронирования номера.

К информативности претензий нет — есть много видео, описание меню ресторана. При этом сайт загружается быстро, не перегружен тяжеловесными элементами.

Дизайн сайта создавался силами южноафриканской студии PlusPlusMinus (базируется в Stellenbosch).

Elivi Skiathos

top hotel websites design 1

Отель находится в греческом городе Скиатос.

На главной странице видим стилизованное под рисунок изображение 2 лебедей. Картинка реагирует на перемещение курсора.

Отметим анимацию при скроллинге страницы вниз. Элементы традиционные — информация о номерах, ресторане, вариантах отдыха, но при скролле с боковой части появляются лебеди. Восприятию информации не мешает, но освежает дизайн.

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

Дизайн сайта разработан Mozaik Hospitality, офисы компании находятся в Афинах, Ханье (Греция), Лозанне (Швейцария), Лимассоле (Кипр).

NISEKO HAKUUNSO

top hotel websites design 2

Отель расположен в Японии.

Ключевое, что выделяет дизайн сайта на фоне конкурентов — так называемый “weather adaptive” дизайн. Зимой падающие снежинки задают нужный настрой. Это отлично работает на атмосферу и название отеля запоминается.

Главная страница довольно компактная. Есть ссылка на Instagram с обилием фото, немного информации о возможности покататься на лыжах.

Основные пункты меню дублируются соответствующими блоками ближе к концу страницы. Отметим, что фото реагируют на наведение курсора.

The Farm at Cape Kidnappers

top hotel websites design 3

Новозеландский отель, расположился в Хокс Бэй. В 2020 г. признан лучшим в Австралии и Новой Зеландии и 4-м в мире по версии Travel + Leisure.

На главной странице нас встречает видео, показывающее красоту местной природы и интерьер отеля. Ниже — фото и подробное описание уникальных предложений от  The Farm at Cape Kidnappers: конные прогулки, возможность провести в отеле фестиваль, полеты на вертолетах, игра в гольф.

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

За дизайн сайта отвечала новозеландская студия Tomahawk (Окленд). Есть у Tomahawk офис в США (Нью-Орлеан).

Quinta do Valdalágea

top hotel websites design 4

Отель расположен в португальском Дуэро.

Посетителя встречает видео, акцентирующее внимание на природе, винодельне, интерьере внутренних помещений гостиницы. Есть ссылка и на полную версию видео.

В дизайне сайта использованы контрастные цвета. Отметим плавный скролл и отличный сторителлинг, есть, например, фрагмент карты, при наведении курсора на населенные пункты появляется соответствующее фото населенного пункта.

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

За дизайн сайта отвечала студия Hortela Magenta, офис расположен в Дуэро.

The St. Regis Venice

top hotel websites design 5

Отель расположен в Венеции (Италия).

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

Вместо скролла главной страницы можно перейти в нужный раздел (история отеля, раздел “О нас”, предложения ресторана и прочее) через меню. Оно закреплено и при скроллинге не исчезает.

Дизайн сайта разработан Exo Ape — это голландская компания с офисом в Рурмонде.

Mfuwe Lodge

top hotel websites design 6

Еще один африканский отель, принадлежащий компании Bushcamp Company. Расположен в Замбии неподалеку от лагуны Mfuwe.

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

Ниже — видео, масса информации по дополнительным возможностям Mfuwe Lodge, структура Bushcamp Company, стилизованная под обычную карту ручной работы.

Из недостатков выделим отсутствие формы или кнопки для быстрого перехода к резервированию номера. Навигация здесь не идеальна.

Дизайн сайта прорабатывался студией WildWeb. Это южноафриканская компания, базирующаяся в Дурбане.

Conscious Hotels

top hotel websites design 7

Отель находится в Амстердаме (Нидерланды).

Дизайн сайта максимально информативен, использован крупный контрастный шрифт. Строка оформления брони дублируется кнопкой “Book a room”. В ряде блоков, рассказывающих об отеле и городе изображение и анимация появляется только после наведения курсора — это оживляет навигацию и привлекает внимание.

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

Помимо фото от самого отеля есть и фотографии из Instagram, их довольно много — это и интерьер гостиницы, и ресторан.

Дизайн сайта Conscious Hotels разработан агентством Qoorts Digital, это голландская компания, находится в Амстердаме.

Le Mirabeau Hotel

top hotel websites design 8

Отель расположен в швейцарском Церматте (кантон Вале).

Из интересных дизайнерских решений отметим анимацию, горизонтальный скроллинг. На фотографии, расположенной в верхней части главной страницы оригинально организован отклик на положение курсора.

На главной странице дана общая информация об отеле, ссылки на разделы с описанием SPA, номеров, есть информация о погоде и местном времени. Остальная информация (история отеля, данные по ресторану и его меню, предлагаемым винам) находится в меню.

Дизайн разработан швейцарской студией 8waysmedia, офис расположен в Женеве.

Hôtel Particulier Montmartre

top hotel websites design 9

Французский отель, находится в Париже.

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

Из необычного отметим курсор в форме круга. Его цвет меняется в зависимости от фона, и он всегда остается хорошо различимым.

Дизайн сайта разработан агентством Salopard Parisien (Париж, Франция).

Canaves Oia Opitome

top hotel websites design 10

Греческий отель, расположен в Санторини, имеет награды от Travel + Leisure и Traveler. Чтобы посетитель гарантированно не пропустил эту информацию, сообщения о наградах показаны в верхней части главной страницы.

Информации много, но главная страница не перегружена, на ней лишь несколько красивых фото и краткая информация об отеле. Все остальное (фото и видео, описание преимуществ ресторана, проведения свадеб в Canaves Oia Opitome) сгруппировано в соответствующих пунктах меню.

Отметим удачное решение с формой для заказа номеров. В верхней части закреплена строка, в которой указывается дата приезда, количество ночей и число человек. Заказать номер можно буквально в 4 клика мышью.

Дизайн сайта разработан силами LifeThink. Это кипрская компания с офисами в Кефалонии, Афинах и Миконосе.

Risveglio Akasaka

top hotel websites design 11

Японский отель, находится в Токио.

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

На сайте дважды дублируется строка заказа номера (в верхней части и внизу страницы). Есть и кнопка “Book Now” — она закреплена в верхнем углу с правой стороны.

Серьезный недочет — отсутствие карты. Вернее она есть, но это просто рисунок, после клика на нем в новой вкладке открывается Google maps, это довольно неудобно. В остальном замечаний к дизайну нет.

За дизайн сайта отвечали специалисты BookingSuite (дочерний бренд Booking.com).

Bellevue Syrene

top hotel websites design 12

Итальянская гостиница, находится в городе Сорренто.

Основное меню зафиксировано в левой части, скролл очень плавный, с небольшой инерцией. На главной странице дается немного информации об отеле, ресторане, винах, оформлении номеров. Подробная карта сайта открывается после нажатия на “Menu”, кнопка расположена по центру в верхней части страницы. В правую часть смещена кнопка для заказа брони.

Дизайн сайта разработан итальянским агентством mediasoul.

J.K. Place Firenze

top hotel websites design 13

Гостиница расположилась в итальянской Флоренции.

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

Из необычных возможностей отметим предложение бесплатно загрузить туристический путеводитель по Флоренции. Взамен отель просит лишь заполнить форму с указанием контактных данных, в итоге получает массу контактов потенциальных клиентов.

Информации масса, но она грамотно структурирована и распределена по пунктам меню, навигация очень легкая и простая.

Дизайн сайта разработан силами студии dgnet (Флоренция, Италия).

Rabbit Hill Inn

top hotel websites design 14

Rabbit Hill — небольшая и уютная гостиница, расположенная в США (Вермонт), отмечена наградой от Travel+Leisure. Отель выделяется тем, что предлагает клиентам отдохнуть от суеты городской жизни.

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

Несколько неудобно то, что сверху и снизу “съедается” немало полезного пространства. В остальном замечаний нет.

Дизайн сайта разработан Acorn Internet Services, американской компанией, базирующейся в Колорадо-Спрингс.

El Moderne Hotel

top hotel websites design 15

Отель расположен в испанском Гийоне.

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

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

Используются поп-ап формы. Так, при первом входе на сайт появляется окно, подчеркивающее преимущества брони номеров.

Дизайн сайта разработан студией Mandarina Brand Society, офис расположен в городе Пальма (Испания).

Saxon Hotel

top hotel websites design 16

Отель расположен в крупнейшем городе ЮАР — Йоханнесбурге. Первое, что видит посетитель — успокаивающий пейзаж, это сразу настраивает на нужный лад.

Неплохо проработано меню, при скролле основные пункты закрепляются в верхней части страницы, так что навигация здесь проработана на отлично. За кнопкой “Book Now” скрывается опция заказа комнаты либо столика в местном ресторане. Дизайн сайта серьезных нареканий не вызывает

Единственное, что выглядит неудобным — несколько мелковатый шрифт, текст неудобно читать. Также не мешало бы выделить эксклюзивные предложения — экскурсия на виллу Нельсона Манделы и Zulu Camp. Скромничать нет смысла, тем более что это визитная карточка отеля — то, чего нет у других.

Разработка сайта и дизайна выполнена в студии Black Tomato. Офисы компании есть в Нью-Йорке (США) и Лондоне (Великобритания).

Five Graces

top hotel websites design 17

В 2020 г. Travel+Leisure назвала этот отель лучшим на континентальной части США. Гостиница расположена в Санта-Фе (США, Нью-Мексико).

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

В меню (верхняя часть сайта) расположилась основная, волнующая посетителя информация — ссылка на детали работы ресторана, как можно провести время и прочие нюансы. Есть и кнопка “Reserve” для бронирования номеров. Все остальное (FAQ, история отеля, условия обслуживания) смещены в нижнюю часть страницы.

Дизайн сайта разработан в Hi Werk — американская студия, базируется в Теллуриде (Колорадо).

Michelberger hotel

top hotel websites design 18

Отель находится в Берлине (Германия).

Дизайн сайта отличается от всего, что вы видели ранее. Нет ни фото, ни видео, ни анимации, ни параллакс эффекта. Всего лишь бесконечный скролл и несколько пунктов меню (ресторан, номера, кафе и бар, ивенты). Нестандартный цвет фона и оформление сайта в целом гарантированно привлекает внимание.

Дизайн сайта разрабатывался немецкой студией Color Bright.

Casa Angelina

top hotel websites design 19

Отель находится в небольшом итальянском городке Праяно.

Дизайн сайта оформлен в светлых спокойных тонах, оживляют общую картину яркие фото интерьера отеля и природы. Необычное решение — при скролле с правой стороны появляется полупрозрачная панель, через нее резервируются номера, здесь же можно включить аудиосопровождение.

Скролл очень плавный, текст и фото появляются постепенно — смотрится эффектно. Ключевые блоки стандартные (ресторан, описание отеля, номеров). Работать с сайтом приятно, навигация максимально простая.

В нижней части страницы разместился прогноз погоды на неделю — еще одно неплохое решение.

Villa Serbellony

top hotel websites design 20

Итальянский отель, расположен на озере Комо.

На главной странице нам тут же сообщают, что Villa Serbellony — лучший курорт в Италии по версии Travel+Leisure, здесь же — крупная кнопка “Book Now”.

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

Ниже — краткая история отеля, список СМИ, в которых упоминалась Villa Serbellony и несколько отзывов о гостинице. Вся прочая информация доступна через соответствующие пункты в меню.

Дизайн сайта разрабатывался AB Design. Это итальянская студия с офисом в Лекко.

Frangipani Beach Resort

top hotel websites design 21

Отель расположен в Ангилье (Вест энд Роад).

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

Также на главной странице дается информация по номерам, отдельный акцент сделан на ресторан и его меню. В нижней части страницы — перечень наград и ссылки на СМИ с публикациями о Frangipani Beach Resort. Еще ниже — отзывы из Instagram.

Дизайн сайта разрабатывался Boffil Tech, американской студией с офисом в Нью-Рошелле.

The Bristol Hotel

top hotel websites design 22

Американский отель, расположен в Бристоле.

При входе на сайт автоматически запускается ролик, показывающий убранство номеров, городскую архитектуру. В верхней части закреплено удобное и наглядное меню (общая информация об отеле, проводящиеся в нем мероприятия, предложения от гостиницы, отдельный пункт посвящен ресторану и его меню). Кнопка “Reserve” выделена цветом.

Ниже — краткая информация по Bristol Hotel, его ресторану, форма для обратной связи и фрагмент карты с указанием расположения гостиницы.

Дизайн сайта разрабатывался специалистами Tambourine, офисы компании расположены в Нью-Йорке, Боготе, Форт-Лодердейле и Карлсбаде.

La Réserve Paris Hôtel & Spa

top hotel websites design 23

Французский отель, расположен в Париже.

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

Кнопка для резервирования номера довольно крупная, закреплена в правой части страницы. Забронировать можно не только номер в гостинице, но и столик в ресторане, услуги SPA салона.

Разработкой дизайна сайта занималась компания 8Ways Media SA. Офис расположен в Женеве (Швейцария).

Deer Path Inn

top hotel websites design 24

Американская гостиница, находится в Лэйк-Форесте (Иллинойс).

Узнаваемый стиль, встречает посетителя фото интерьера отеля и сообщение о том, что это один из лучших отелей по версии Travel+Leisure. Менять расположение ключевых элементов дизайнеры не стали. Верхнюю часть отвели под меню и кнопку для проверки доступности комнат.

Ниже — небольшое приветствие с краткой историей Deer Path Inn, ссылки на разделы, описывающие работу ресторана, бара, паба и эксклюзивный сервис для каждого клиента. Нашлось место для перечня наград и карты, это удобно, клиент может сразу оценить расположение отеля и инфраструктуру в этом районе.

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

Дизайном занималась американская студия Tambourine с офисами в Нью-Йорке, Боготе, Форт-Лодердейле и Карлсбаде.

Tensing Pen

top hotel websites design 25

Tensing Pen расположился в курортной зоне Негрил, Ямайка.

Первое, что видит посетитель — ролик, подчеркивающий красоты отеля и курортной зоны в целом (воспроизведение можно поставить на паузу, а звук отключить). Меню находится в верхней зоне страницы, за каждым пунктом скрывается выпадающее подменю, появляющееся при наведении на него курсора. Пункты стандартные — ресторан, оздоровительные процедуры, галерея, история отеля.

В меню отметим пункт Rooms, в нем описан каждый из номеров гостиницы. Снизу — форма для заказа номера. Еще ниже — блоки со ссылками на разделы с описанием номеров, оздоровительных процедур, проведения свадебных церемоний.

Немного неудобно то, что ни форма с кнопкой “Book Now”, ни меню не закреплены. При скролле приходится возвращаться в начало страницы.

Дизайн разрабатывался студией Web Connection. Офисы компании находятся в Пхукете и Бангкоке (Таиланд).

Casa Chameleon

top hotel websites design 26

Гостиница находится в Коста Рике, в пляжном городке Лас Каталинас (национальный парк Гуанакасте).

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

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

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

Дизайн сайта разрабатывался американской студией Hi Werk (Теллурид, Колорадо).

Round Hill Hotel and Villas

top hotel websites design 27

Отель находится в Монтего Бэй (Ямайка).

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

Отметим, что отель сразу приводит цены номеров. Посетителю не нужно блуждать по сайту, чтобы узнать уровень цен. В нижней части — контактная информация и список наград.

Дизайн сайта разрабатывался в Travel Click. Это крупная компания с 17 офисами во всем мире, офисы Travel Click есть в Сингапуре, Нью-Йорке, Барселоне, Атланте, Бухаресте, Чикаго, Далласе, Дубае, Мельбурне, Гонконге, Орландо, Оттаве, Париже, Шанхае.

The Spectator Hotel

top hotel websites design 28

Отель расположен в американском Чарльстоне (Южная Каролина).

Меню сместили в верхний левый угол, а кнопку “Reserve” — в правый. Акцент в дизайне главной страницы сделан на перечисление полученных гостиницей наград и особое отношение к каждому клиенту. В нижней части расположилось видео и карта города с указанием отеля.

Цвет кнопки “Reserve” меняется в зависимости от цвета фона. При скролле страницы она видна всегда.

За дизайн отвечала студия Tambourine, офисы расположены в городах Нью-Йорк, Богота, Форт-Лодердейл и Карлсбад.

Katikies Hotel

top hotel websites design 29

Греческий отель, Katikies Hotel находится в Санторини.

На главной странице — набор фото (автоматически не меняются, но их можно листать вручную). В левом верхнем углу скрывается меню, в правом — кнопка “Reserve”, цвет контрастирует с общей цветовой гаммой дизайна сайта, кнопка хорошо видна.

Ниже — видео и сжатое описание каждого из разделов. Помимо видео в дизайне использована анимация при скролле страницы. Также приводятся фото из Instagram.

Дизайн сайта разработан веб студией Mozaik Hospitality с офисами в Афинах, Ханье (Греция), Лозанне (Швейцария), Лимассоле (Кипр).

Triple Creek Ranch

top hotel websites design 30

Отель находится в США, Дарби (Монтана).

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

На сайте приводится несколько фото, дающие представление об отеле и стиле оформления номеров, ссылки на основные разделы. Есть и текстовое описание гостиницы.

В нижней части страницы видим карту местности, наложенную поверх фото природы. Смотрится лучше чем Google maps.

Дизайн сайта разрабатывался в Lunde Creative. Это американская компания, находится в городке Форт Коллинз (Колорадо, США).

Borgo Egnazia

top hotel websites design 31

Итальянский отель, находится в небольшом провинциальном городе Савеллетри ди Фазано (провинция Бриндизи).

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

Есть и традиционная навигация через меню, вынесенное в левый верхний угол. В нем находится информация по ресторану, бару, типам номеров. Кнопка для оформления брони находится в правой части страницы.

Meadowood Napa Valley

top hotel websites design 32

Еще один отель из США, расположен в Сент-Хелине (Калифорния, округ Напа).

Используется традиционный дизайн, на главной странице посетителя не перегружают лишней информацией. Меню разделено на 2 части, в левом верхнем углу — ссылки на разделы с описанием меню ресторана, номеров, вин, SPA. В правой верхней части сайта — предложения от отеля (проведение свадебных церемоний, конференций, праздников, просто отдых) и кнопка для заказа номеров.

Ниже — еще несколько красивых фото со ссылками на соответствующие разделы и перечень наград Meadowood Napa Valley. В дизайне сайта использованы стандартные решения.

Post Ranch Inn

top hotel websites design 33

Еще один американский отель, расположен в Биг Сур (Калифорния).

В дизайне сайта решили отказаться от сложных элементов. Здесь нет ни горизонтального, ни вертикального скролла, сложных анимаций, обилия видео. Главная страница демонстрирует вид отеля сверху, вся требуемая информация распределена по пунктам меню. В нижней части — реализована возможность заказа номера на нужную дату.

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

Le Meurice

top hotel websites design 34

Это французский отель, находится в Париже.

Сайт очень информативный. Вверху видим традиционное меню, ссылку на магазин Le Meurice и кнопку для резервирования комнат на определенную дату.

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

Применяются pop-up формы. Так, при скролле появляется окно, в котором вам предложат оставить контактные данные и получать уведомления о новых предложениях отеля.

Matetsi Victoria Falls

top hotel websites design 35

Гостиница находится на берегу реки Замбези (недалеко от города Виктория Фоллз) в Зимбабве.

На главной странице с определенным промежутком сменяется 3 фото. Ниже — текстовая информация об отеле и ссылки на видео. Основной упор сделан на визуальную составляющую, на главной странице информации немного. Через меню можно ознакомиться с прочими интересующими постояльцев вопросами. Кнопка для заказа номеров на нужную дату находится рядом с меню в правом верхнем углу. Есть небольшая брошюра в pdf формате, в ней приведена основная информация по Matetsi Victoria Falls.

Серьезный недочет дизайна — цвет меню и кнопки “Check Availability”. Они белого цвета и сливаются с фоном светлых изображений, это недостаток дизайна сайта.

Rancho Valencia

top hotel websites design 36

Rancho Valencia находится в Сан-Диего (США, Калифорния).

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

В правой части находится форма для оформления брони. Снизу — краткий перечень наград и контактная информация.

Curtain Bluff

top hotel websites design 37

Отель находится в Антигуа. Помимо непосредственно гостиницы работает и SPA салон.

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

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

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

North Block Hotel

top hotel websites design 38

Американский отель, находится в городке Йонтвилль (Калифорния).

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

Меню скрывается за соответствующей кнопкой в правом верхнему углу. Кнопка “Book Now” зафиксирована и доступна на любой странице сайта. Ниже — информация об отеле, местном спа салоне, ресторане, номерах.

Главная особенность дизайна — обилие отзывов с фото из Instagram. Это показывает посетителю мнение сторонних пользователей о гостинице, да и обилие фото неплохо смотрится.

Sol y Luna

top hotel websites design 39

Перуанский отель, расположен в городе Урубамба. Гостиница “цепляет” нестандартным подходом, при оформлении дизайна сайта разработчики старались максимально раскрыть предложение хозяев Sol y Luna.

Ключевые предложения отеля расположены в верхней части сайта. Тут и ссылки на экскурсии в Мачу Пикчу, и особенности местного ресторана и кухни в целом, и кнопка “Book Now”. После открытия сайта автоматически запускается ролик, а закадровый голос рассказывает историю отеля.

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

Fogo Island Inn

top hotel websites design 40

Канадская гостиница, расположена в Ньюфаундленде.

Довольно необычная гостиница формата “остров на острове”. Дизайн сайта симметричный, главную страницу постарались не перегружать лишней информацией, распределив ее по пунктам меню. В них есть все — история гостиницы, как могут себя развлечь гости, детали по ресторану и его меню, оформление отеля изнутри. Кнопка “Reserve” закреплена и при переходе между страницами, скроллинге не исчезает — удачное решение.

Необычное решение — в дизайне сайта предусмотрена детализация расходов. Показано куда и сколько денег идет из полной стоимости номера.

Palazzo Avino

top hotel websites design 41

Итальянская гостиница, расположена в Равелло.

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

В меню есть все, что интересно пользователям — пункт по питанию в ресторане отеля, галерея с обилием фото и видеоматериалов, история Palazzo Avino, пункт для заказа номера. Единственное спорное решение — то, что кнопка для бронирования не выделена и теряется среди прочих пунктов меню. В остальном дизайн сайта смотрится свежо и выделяется на фоне остальных.

Gibb’s farm

top hotel websites design 42

Отель расположен в Танзании (Карату).

Использован симметричный дизайн в светлых тонах. Основная идея дизайна гостиницы — единение с природой, в оформлении дизайна сайта постарались придерживаться того же направления.

Дизайн сайта очень простой. Вверху закреплено меню, ниже — кнопки для проверки свободных номеров и брони. Неплохое решение разместить на главной странице так называемые Farm Tails — интересные истории из жизни отеля. Также на сайте есть отзывы из Instagram.

Из недочетов дизайна сайта выделим разве что не закрепленную кнопку “Booking”. Для брони придется каждый раз скроллить страницу вверх.

The Mulia Bali

top hotel websites design 43

Индонезийская гостиница, расположена на острове Бали.

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

Приводится информация по ресторану, типам активностей, специальным предложениям от отеля. Помимо фото есть и видео, у Mulia Bali есть свой YouTube канал с масов видеороликов, по ним можно получить представление об интерьере гостиницы.

Использован светлый фон и контрастный шрифт, текст читается легко. За счет того, что кнопка “Check Availability” выделена цветом и всегда на виду сокращается путь потенциального клиента до оформления брони.

Royal Mansour

top hotel websites design 44

Гостиница расположена в Марракеше (Марокко).

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

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

Кнопку “Book Now” можно было сделать более заметной. Она закреплена на странице, но при этом почти не выделяется на фоне остальных пунктов меню.

Turtle Island

top hotel websites design 45

Отель находится на черепаховом острове (Фиджи).

В дизайне используется минимум элементов, на главной странице нет ни обилия анимации, ни видео. Только фото прибоя и небольшой экскурс в историю острова и непосредственно отеля.

Больше данных найдете в соответствующих пунктах меню. Дается информация по оформлению номеров, предложениям от ресторана и прочие детали. Есть и галерея с массой фото.

Дизайн даже излишне прост. Недостает отдельного меню или кнопки для брони номера, можно было бы разнообразить текст большим количеством фото или видео.

Koh Yao Noi Hotel

top hotel websites design 46

Отель расположен в таиландской провинции Пханг Нга.

Учитывая расположение гостиницы, логично, что акцент сделан на единение человека и природы. На сайте помимо описания самой гостиницы нашлось место для информации о редких видах животных с призывом беречь их.

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

Навигация удобная, меню всегда закреплено и при скролле не приходится его искать. Кнопка “Book Now” выделена цветом и также всегда доступна.

Tierra Patagonia

47

Чилийский отель, находится в Торрес-дель-Пайне (Патагония).

Посетителя встречает великолепное фото с общим видом гостиницы на фоне гор и ночного неба. Тут же дизайнеры разместили значок, сообщающий о том, что отель Tierra Patagonia получил награду от Travel+Leisure.

Ниже — ряд блоков с красивыми фото и небольшим описанием возможностей гостиницы (ресторан, SPA, типы активностей). Каждый из блоков кликабелен, можно детальнее изучить интересующее направление.

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

Меню и кнопка “Book your trip” всегда доступны, но не перетягивают на себя внимание и не занимают много места.

Ellerman House

top hotel websites design 48

Отель находится в Кейптауне (ЮАР).

Предпочтение отдали светлому асимметричному дизайну сайта. Посетителю сразу же предлагают посмотреть видео об Ellerman House либо ознакомиться с фото в галерее.

При оформлении помимо стандартных блоков с описанием номеров акцент сделан на уникальных особенностях гостиницы — собственной небольшой художественной галерее, коллекции вин, ресторане.

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

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

Hotel Matilda

top hotel websites design 49

Мексиканский отель, находится в Сан-Мигель-де-Альенде.

На сайте видим традиционное решение в виде зафиксированного в верхнем правом углу меню (бронь оформляется через него) и несколько сменяющих друг друга фото на главной странице.

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

Есть кнопка для быстрого возврата в начало страницы.

Заключение

Хотя дизайн сайтов отелей и отличается, но общие тенденции прослеживаются. К ним отнесем:

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

Остальное — на усмотрение дизайнера. Есть масса способов привлечь внимание посетителя, если добавить к этому сторителлинг и грамотно подать преимущества отеля, клиент с высокой вероятностью оставит заявку на бронирование номера.

Перечисленные выше примеры не нужно копировать на 100%. Используйте их как базу и на этой основе попробуйте создать свой вариант дизайна сайта.