← НазадКейс 03 / 05Іміджевий сайт

Boutique Hotel

Сайт невеликого дизайнерського готелю, що спершу продає атмосферу, а потім веде до прямого бронювання.

Проєкт
Демо-проєкт
Галузь
Готельний бізнес
Роль
Веб-дизайнер, арт-дирекшн
Рік
2026
Візуальний напрям
Luxury, cinematic
Послуги
Арт-дирекшн, UX, Візуальний дизайн, Моушн
Відкрити сайт ↗

Концепція

Гості обирають бутик-готель за відчуттям, а потім порівнюють ціни на букінг-платформах. Сайт має виграти відчуття, а потім зробити пряме бронювання найпростішим варіантом.

Сторінки змонтовані як фільм: повільні загальні плани, деталі, пауза й панель бронювання, що завжди на відстані одного дотику.

Задача

Бриф вигаданого готелю: невеликі готелі віддають значну частку бронювань платформам із комісією. Сайт має спершу виграти відчуття, а потім зробити пряме бронювання найпростішим варіантом, не виходячи з бренду.

  • Частка прямих бронювань, що окупає сайт
  • Атмосфера в перші п’ять секунд
  • Бронювання доступне з кожної сторінки

Структура

Головна: історія місця
  1. 01Номери й люкси
  2. 02Сторінка номера
  3. 03Ресторан і бар
  4. 04Враження й околиці
  5. 05Пропозиції
  6. 06Бронювання

Візуальна система

Шрифти

Aa
Bodoni ModaЗаголовкиABCDEFGHIJKLM abcdefghijklm 0123456789
Aa
GeistТекст і бронюванняABCDEFGHIJKLM abcdefghijklm 0123456789

Палітра

  • Night#17120E
  • Linen#F3E9DC
  • Umber#7A4D2E
  • Amber#D39A62
  • Smoke#2A1F18

Сітка

Full-bleed imagery · 8 col text

Ключові сторінки

Кінематографічне відкриттяКоротке беззвучне відео з одним рядком тексту; на повільному з’єднанні замінюється статичним кадром.
Сторінка номераСпершу фото, потім площа, вид і зручності одним поглядом та ціна на обрані дати.
Постійна панель бронюванняДати й кількість гостей зберігаються між сторінками й передаються в модуль бронювання.

Якість реалізації

XX
Lighthouse performance
XX
Lighthouse accessibility
X.Xs
LCP на мобайлі
XXX KB
вага головної
Наступний кейс · 04Design Objects Store