Разработка фирменного стиля и сайта отеля

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

Задача — создать имиджевый сайт, который одновременно является инструментом продаж: принимает бронирования, синхронизируется с системой управления отелем и работает на 12 языках.

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

Отправная точка в брифинге — уровень Kempinski Emirates Palace 5*. Это задало высокую планку: дизайн должен быть аутентичным бренду, роскошным и при этом функциональным.

Принципы, которыми мы руководствовались:

• Аутентичность — визуальный язык отражает дух места: золото и богатство, тёплая золотисто-терракотовая палитра

• Полезность — ключевые конверсионные элементы (виджет бронирования, CTA-кнопки) выверены по расположению и требуют минимума кликов

• Универсальность — интерфейс понятен гостям из любой точки мира без знания языка

• Современность — лучшие UX-практики для десктопа, планшета и смартфона

• Скорость — оптимизация изображений (PNG/спрайты), отложенная загрузка, сжатие без потери качества

В течение 3 дней с момента подписания договора заказчику были представлены 3 варианта дизайн-макетов в формате A3, полноцветная печать. ПСД-макет финального варианта — через 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 обеспечил гостинице полноценный цифровой канал продаж и инструмент управления репутацией — с единым фирменным стилем, передающим атмосферу уникального историко-культурного объекта.