Задача
Veselovka Experience — гостиничный комплекс на берегу Чёрного моря, среди виноградников и степных ландшафтов. Задача была сформулирована так: разработать дизайн сайта, опираясь на айдентику комплекса, его архитектуру и местоположение, а также разработать и запустить сайт на платформе Tilda.
Отдельная сложность — механика бронирования. У комплекса несколько вариантов размещения, и они не сводятся к списку номеров: есть смежные номера, разные виды из окна, разные конфигурации кроватей.
Решение
Айдентику комплекса адаптировали и внедрили в веб-пространство, взяв за основу контрастный красный цвет и лёгкую, но запоминающуюся типографику.
Главный приём — знак. Фирменная форма, похожая на силуэт летящей чайки, работает не как логотип в углу, а как маска: в неё заливается фотография виноградника, и знак каждый раз наполняется тем самым местом, о котором рассказывает сайт.
Первый экран говорит тремя словами: исследовать, чувствовать, жить. Под ними — дорога между рядами винограда в утреннем тумане и одна кнопка «Забронировать».
Что сделали
Первый экран. Крупный кадр территории, слоган из трёх глаголов и прямой переход к бронированию.
«Движение без границ». Раздел про полевые маршруты: утренние велопрогулки по грунтовым дорогам среди степных трав и маршруты с перепадами высот для тех, кто едет за скоростью. Устроен слайдером, а не простыней текста.
Активности. Карточки занятий на территории — например, «Инициация» с подписью «попробуйте всё: почувствуйте грани возможного» и переходом в подробности. Кайтсёрфинг, велосипед, побережье показаны кадрами, а не иконками.
Карточки номеров. У категории «Стандарт» указаны площадь 17–25 м², вместимость 1–2 человека, панорамный вид на море и конфигурация кровати — одна king size или две односпальные. Здесь же переключатель «коннектер» для смежных номеров и кнопка «Выбрать номер».
Механика бронирования. Продумали сложное бронирование с несколькими вариантами и вывели его так, чтобы выбор конфигурации не выпадал в отдельную форму.
Интерактивные блоки. Реализованы для увеличения глубины просмотра сайта: слайдеры, карточки с раскрытием, переключатели внутри разделов.
Запуск на Tilda. Дизайн, сборка и запуск сайта на платформе.
Результат
Сайт представляет комплекс через его место: виноградники, побережье, степь, маршруты — и только потом через номера.
Карточка номера при этом остаётся рабочей: площадь, вместимость, вид из окна и тип кровати видны сразу, а смежные номера выбираются переключателем прямо в ней.
Сайт запущен на Tilda. Разбор опубликован на Dprofile — ссылка внизу.
