Сайт эко-отеля, который показывает меню

До меня у отеля был сайт на Тильде. От него остался только домен: переносить было нечего, вся вёрстка сделана заново.

Ольга, владелица, пришла с двумя просьбами. Нужно было принимать брони онлайн — до этого номера бронировали по телефону и в переписке. И нужно было дать гостям возможность заказать еду из ресторана прямо в дом: до ресторана идти через территорию, а вечером хочется остаться у себя.

Отдельной болью был календарь цен. Дома в отеле разные и стоят по-разному, а показать это на сайте было нечем.

Я посмотрел, как выглядят конкуренты — Slumo, «Хвоя», «Алтай Резорт», «Тэнери», «Алтика», «Август». Все шесть сделаны по одному шаблону: белый фон, гротеск, фото на весь экран, крупная кнопка и одинаковые слова про природу и тишину.

Цену показывает один из шести. Меню ресторана — ни один. Стало понятно, чем отличаться: не картинками, а тем, что гость может узнать до брони.

Меню ресторана открыто на сайте. Гость видит блюда и цены до того, как забронировал. Это звучит очевидно, но так не делает никто из конкурентов — меню обычно прячут за «уточните при заселении». Здесь же оно работает дважды: как аргумент при выборе отеля и как каталог для заказа в номер. Одни и те же карточки блюд.

Заказ блюд в номер — своя разработка. Готового решения под это не было, писал сам. Гость выбирает блюда, указывает дом и время, заказ уходит на кухню. Внутри заложен переключатель: когда в ресторане банкет или мероприятие, приём заказов выключается, а на сайте появляется понятное предупреждение вместо молчащей кнопки. Всё это живёт в собственной панели управления: меню, цены, заказы и наличие домов отель правит сам, без программиста.

Онлайн-бронирование — готовый модуль, календарь цен — без разработки. Своё бронирование писать не стал: готовый модуль надёжнее и уже связан с каналами продаж. Интереснее вышло с календарём цен, которого у заказчика не было. Вместо того чтобы разрабатывать его отдельно, я развёл типы домов на отдельные категории внутри модуля бронирования. Задача закрылась настройкой, а не кодом.

Тёмный ресторан внутри светлого сайта. Секция ресторана сделана в тёмной палитре, весь остальной сайт — светлый. Так ресторан читается как самостоятельное место, куда можно прийти поужинать, а не как пункт в списке услуг отеля. Гость пролистывает страницу и физически чувствует, что попал в другое пространство.

Сайт построен вокруг того, чего нет у соседей. Самое ценное нашлось не в брифе, а в разговоре. Дома здесь не каркасные и не модульные — это принципиальный отказ. Вода проходит механическую и ультразвуковую подготовку. В домах blackout-шторы и ортопедические матрасы. Мёд с пасеки, куда ведёт только конная тропа. Мясо из Кош-Агачского района. Все соусы свои. Про такое конкуренты не пишут, потому что писать нечего.

Сайт приближает Алтай, а не пересказывает его. Отель стоит прямо на берегу Катуни, с панорамным видом на реку, — и задача сайта была это показать. Крупные кадры берега, тайги и домов проводят человека по территории до приезда, а на месте он сразу получает всё: проживание, отдых, баню, кухню — и выбор домов под любой бюджет, от студии до коттеджа. Традиционные места и алтайская кухня показаны, а не упомянуты списком.

Структура «О нас» — от коновязи. Раздел о хозяевах собран по алтайскому символу коновязи: корни рода, сегодняшняя жизнь, то, что останется дальше. Взял только смысловую структуру, не графику — знаком в фирменном стиле уже работает волна.

Своя дизайн-система. Все цвета, шрифты и отступы вынесены в один файл токенов. Правка цены, оттенка или отступа делается в одном месте и расходится по всему сайту. Шрифты Prata и Golos Text подключены локально: Google Fonts не используется, сайт не зависит от чужих серверов и не отдаёт данные посетителей на сторону.

Фирменный нефрит заказчица принесла готовым — и в вебе он не работал. Пришлось разобрать его на два цвета, не отказываясь от него.