Оба макета собраны по структуре сайта целиком: двенадцать разделов, ни одного пропущенного. Различаются они характером, а не наполнением — и выбирать нужно именно характер.
Обе построены на вашей палитре и на одном и том же содержании. Разница в том, как громко страница говорит.
Ориентир — Aman: страница как каталог, а не как витрина. Ровный светлый фон, чередование оттенков жемчуга, тонкие линии вместо плашек. Ничего не отвлекает от фотографий и цены.
Ориентир — «Метрополь» и Wawelberg: страница ведёт гостя, а не выкладывает всё сразу. Крупные развороты, чередование светлых и тёмных блоков, кадры во всю ширину. Отель как место с характером.
Высота — не оценка, а факт: B короче, потому что в нём нет полноэкранных разворотов. Обе версии проверены на десяти ширинах экрана, от 360 пикселей до 1920.
Первые две уже собраны — их можно открыть и посмотреть. Две другие пока предложение: если направление понравится, соберём так же.
Ваши фирменные цвета: Necklace Pearl как фон, Creamy Berry как акцент. Тёплая, мягкая, женственная. Ягодный работает волосками и подписями — большими плоскостями он грязнит, поэтому крупные плашки взяты сливовым и чернильным.
Цвет вывески становится цветом сайта. Логотип перестаёт быть единственным синим пятном и читается как часть системы. Фон остался тёплым — на вывеске синий тоже стоит на светлом, это его родное сочетание.
Петербургская зелень: малахит Эрмитажа, патина на крышах, Летний сад. Спокойнее ягодного и мужественнее его, хорошо сочетается с золотом лепнины на ваших кадрах. Единственная из четырёх, кто спорит с синим логотипом.
Полный нейтралитет: цвет отдан фотографиям, интерфейс молчит. Самый безопасный вариант на длинной дистанции — не устаревает и не мешает менять кадры. И самый безликий: отель придётся узнавать по снимкам, а не по цвету.
Отдельно к концепции C собрана версия без тёмных блоков — та же вёрстка, но все плашки светлые, разделены волосяными линиями. Если тёмные секции покажутся тяжёлыми, менять концепцию целиком не придётся.
Порядок повторяет структуру сайта. Каждый блок — вход в свой раздел, а не пересказ его целиком.
Кадр особняка и форма подбора дат сразу под ним. Три аргумента за прямое бронирование — лучшая цена, бесплатная отмена, ранний заезд — стоят рядом с формой, а не в подвале.
Кто вы и почему это здание. Цифры — 1863, сорок номеров, тридцать две достопримечательности, седьмой этаж — работают быстрее абзацев. Три карточки ведут в «Историю», «Дизайн и искусство» и «Библиотеку».
Шесть категорий одного формата. Сознательно отказались от разновеликих карточек: разный размер делает стандарт «хуже» люкса, хотя продаётся он лучше всех. Одинаковая плитка ещё и вдвое короче.
Три равные карточки с крупной цифрой выгоды. Заполняются из админки: одна, две или три — сетка держит любое число без переделки.
Виды с террасы сменяют друг друга, рядом — прямой эфир с камеры и рассказ про аудиогид по окрестностям. Единственный блок, который показывает город, а не отель.
«Вино и Вода» занимает большой кадр как главный ресторан, терраса и «Афиша-бар» идут карточками рядом. Иерархия соответствует реальной: это ресторан отеля и два его продолжения.
Наведение на строку списка меняет фотографию справа. Четыре объекта показаны одним кадром вместо четырёх — блок короче, а рассмотреть можно каждый.
Ближайшие события списком с датами. Отличает отель от соседей сильнее, чем интерьеры, поэтому стоит отдельным блоком, а не строкой в подвале.
Список залов с площадью и вместимостью управляет большим кадром справа: наводишь на зал — видишь его. Тот же приём, что в блоке спа, поэтому на странице это читается как общий язык, а не как разовый трюк. Ниже три повода строкой: свадьбы, съёмки, пакеты.
Живая карта со своими метками. Наведение на строку списка подсвечивает точку и наоборот. Если карта не поднимется — блок сам покажет адрес и ссылку, пустого прямоугольника гость не увидит.
Три уровня карточками, крупная цифра скидки сверху. Привилегии показаны накопительно, поэтому исчезли прочерки: колонка из шести «нет» читается как отказ, хотя означает «пока не открыто». Полная таблица остаётся на странице программы.
Фотография показывает, как выглядит здание. Видео показывает, каково там находиться — как двигается свет, как выглядит город с террасы, что происходит в атриуме. Для отеля это разница между «красивый дом» и «хочу туда».
Гость решает за первые секунды и почти всегда сравнивает вас с тремя-четырьмя другими отелями в соседних вкладках. Движение на первом экране — самый дешёвый способ выделиться среди статичных карточек агрегаторов.
Важно: то, что стоит сейчас, — не съёмка под проект. Мы взяли ролик с вашего YouTube-канала и смонтировали из него короткий фрагмент, чтобы показать сам приём. Для запуска нужен либо чистовой монтаж из вашего материала, либо небольшая пересъёмка: 15–20 секунд без склеек, спокойная камера, без текста и логотипов в кадре.
Технически заложены оба формата и статичный кадр-подложка — на медленном интернете и на телефоне с экономией трафика гость увидит фотографию, а не пустоту.
Проверено по документу построчно, а не на память. Все двенадцать разделов верхнего уровня и их подпункты присутствуют в обеих концепциях.
В подвале — двадцать одна ссылка, в меню — восемь разделов и двадцать шесть подпунктов, в мобильном списке — все разделы целиком.
Макеты собраны на реальной структуре, но часть содержания пока условная. Ниже то, без чего нельзя идти в вёрстку — с честной пометкой, что именно сейчас выдумано.
Настоящие уже стоят: номера, ресторан, атриум под стеклянной крышей, бассейн, тренажёрный зал, спа-центр и все четыре зала для мероприятий. Не хватает:
Заполнено правдоподобно, чтобы было видно вёрстку, но ни одна цифра не настоящая: