Дом Пион

Что было нужно

Человек, который выбирает жильё у моря, боится ровно трёх вещей. Что фотографии окажутся не те. Что «5 минут до пляжа» превратятся в сорок минут в гору. И что рядом будет ещё сорок соседей и очередь в душ.

Ни один агрегатор эти страхи не снимает — там все объявления выглядят одинаково хорошо. Значит, свой сайт должен делать то, чего агрегатор не делает: говорить конкретно.

Как я построил структуру

Первый экран — фотография террасы с настоящим видом на горы и посёлок. Не рендер, не стоковое море, а то, что человек увидит утром с чашкой чая. Под ней текст, который сразу называет цифры: 7–8 минут пешком до моря, тихий двор-сад, панорамные окна, мангальная зона и летняя кухня — и совсем немного соседей.

Прямо под первым экраном — строка с четырьмя числами: 7–8 минут до пляжа, 5–7 минут до центра посёлка, количество номеров и цена за двоих в сутки. Это самые частые вопросы, и на них отвечают до того, как человек начал листать.

Дальше разделы:

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

Решения в дизайне

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

Фотографии сделаны максимально крупными: на сайте жилья именно они выполняют работу, а текст только подписывает.

Форм на сайте нет вообще. Вместо них — телефон в шапке и кнопка «Связаться». Когда человек выбирает жильё на конкретные даты, он хочет спросить «свободно ли с 12-го» и получить ответ сейчас, а не заполнять анкету и ждать письма.

Что внутри технически

• Крупные фотографии, сжатые так, чтобы страница всё равно летала
• Отложенная загрузка картинок ниже первого экрана
• Мобильная версия — жильё выбирают с телефона почти всегда
• Разметка Schema.org, карта сайта, robots.txt
• Уведомление о cookie с честной пометкой, что персональные данные не собираются и форм нет
• Кликабельный телефон: одно касание — и идёт звонок

Похожие задачи

Если у вас гостевой дом, апартаменты или небольшой отель — задача будет примерно такой же. Начните со страницы про сайт-визитку, обычно этого формата достаточно.