Koenigs Palace: фірмовий стиль і сайт готелю преміум-класу

Сфера: Туризм і відпочинок
Тип сайту: Корпоративний сайт
Здано: грудень 2024

З чого почали

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

Завдання полягало в тому, щоб створити іміджевий сайт, який водночас працює як повноцінний інструмент продажів: приймає бронювання, синхронізується із системою управління готелем і працює 12 мовами. Тобто сайт мав закрити одразу чотири функції — представницьку, інформаційну, рекламну і комерційну, — а не бути просто цифровою візиткою.

Що було зроблено

Дизайн-концепція

Відправною точкою в брифінгу став рівень Kempinski Emirates Palace 5* — це одразу задало високу планку: дизайн мав бути автентичним бренду, розкішним і водночас функціональним. У роботі керувалися п’ятьма принципами. По-перше, автентичність: візуальна мова відображає дух місця — золото, багатство, тепла золотисто-теракотова палітра. По-друге, корисність: ключові конверсійні елементи, зокрема віджет бронювання й CTA-кнопки, розташовані так, щоб вимагати мінімум кліків. По-третє, універсальність: інтерфейс зрозумілий гостям з будь-якої точки світу навіть без знання мови. По-четверте, сучасність — кращі UX-практики для десктопа, планшета й смартфона. І по-п’яте, швидкість — оптимізація зображень (PNG/спрайти), відкладене завантаження, стиснення без втрати якості.

Протягом 3 днів з моменту підписання договору замовнику представили 3 варіанти дизайн-макетів у форматі A3, повнокольоровий друк. PSD-макет фінального варіанта підготували ще за 7 днів.

Верстка і фронтенд

Сайт зібрали на HTML5 (UTF-8, DOCTYPE HTML5), з адаптивною DIV-версткою без абсолютного позиціонування. Цільове розрішення десктопа — 1920×1080, мінімальне мобільне — 480×800 (Android). JavaScript реалізували на актуальних стабільних версіях фреймворків і бібліотек. Іконки та дрібну графіку зібрали у спрайти, всі фонові зображення оптимізували через відкрите ПЗ. Дотрималися суворого стандарту типографіки: усі заголовки H1–H6 мають власні CSS-стилі, всі посилання підкреслені суцільною лінією, псевдопосилання — пунктиром.

Модуль бронювання

Форма бронювання включає дати заїзду й виїзду, тип і кількість номерів, кількість гостей, політику скасування, промокод, поле програми лояльності та додаткові послуги — трансфер, сніданок, вечеря в номер. Окремо збираються дані гостя (ПІБ, телефон, e-mail, країна, місто) і дані кредитної картки для оплати.

Модуль закріпили у верхній частині кожної сторінки сайту й інтегрували з PMS-системою замовника, а також із системою онлайн-дистрибуції — це дозволило синхронізувати бронювання в реальному часі без ручного зведення даних.

Багатомовність

Реалізували 12 мов із ручним перекладом: Deutsch, English, Čeština, Русский, Nederlands, Italiano, Français, Türkçe, Español, Українська, עִבְרִית, Polski та Ελληνικά — з можливістю розширення до будь-якої кількості мов. Перемикач мови розмістили у видимій зоні кожної сторінки, передбачили також створення незалежних розділів для окремих мовних версій.

CMS

Розгорнули повноцінну систему керування контентом на основі ModX: додавання, редагування й видалення розділів, сторінок, новин, фото- та відеоматеріалів, меню ресторанів, категорій номерів. Візуальний редактор налаштували під затверджену дизайн-концепцію, а для складних елементів підготували окремі сніпети та шаблони сторінок.

Додаткові можливості

Інтегрували Google Maps із побудовою маршруту, додали фототури 360° на сторінках розділів і єдиний віртуальний гід по комплексу. На кожній сторінці розмістили іконки соцмереж (нижній лівий кут), кнопку «Нагору» та посилання на карту сайту. У нижньому лівому куті кожної сторінки також вивели контакти відповідного відділу готелю.

Результат

Сайт запустили в строк, і він закрив усі чотири функції, поставлені в ТЗ: іміджеву (візуальне представництво бренду), інформаційну (повне охоплення послуг комплексу), рекламну (вітрина всіх напрямків з медіаконтентом) і комерційну (онлайн-бронювання із синхронізацією в PMS).

Адаптивний сайт з інтегрованим модулем бронювання та CMS забезпечив готелю повноцінний цифровий канал продажів та інструмент керування репутацією — з єдиним фірмовим стилем, що передає атмосферу унікального історико-культурного об'єкта.