повысили юзабилити сайта хостелов Longstay hostel

Первым делом мы сменили логотип и укоротили название: это леттеринг с обаятельной лигатурой о том, что жить в хостеле нужно долго. Сразу под ценой разместили ключевые услуги, которые входят в цену, и убрали «колтуэкшн», заменив на 3D-тур. Панорама настоящего хостела — лучшее доказательство ремонта, чистоты, просторности и адекватности хостела. Если вы заметили, что цена в новом дизайне стала выше, не пугайтесь: мы готовили сайт с расчетом на новый сезон и новые цены).

Главная цель редизайна — сделать хостел настоящим, таким, чтобы его можно пощупать через монитор. Поэтому в левом верхнем углу появился счетчик: погоды, времени и свободных мест. Жизнь идет своим чередом, в Петропавловске-Камчатском +24, 15 мая и 37 свободных мест. Мы никому ничего не навязываем — просто приезжайте. У нас тепло.

Футер состоит из одного, но жирного призыва к целевому действию «Забронируйте сейчас» и телефона. У пользователей есть стереотипные ожидания относительно того, как должен выглядеть футер. На сайте роль футера играет промо-бар, поэтому создается впечатление, что сайт либо не до конца загрузился, либо сделан небрежно.

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

Небольшой нюанс для тех, кто ездит в метро и кого заботит авторское право: старая карта нарушала права местного метрополитена, поэтому мы были обязаны отрисовать собственную или использовать гугл- или яндекс-карты.

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

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

Прежде всего мы рассортировали тарифы: предложения недельной аренды отделили от аренды на месяц. Внедрили спокойные стикеры — помогли новичку сориентироваться в ценах. Отдельно выделили номера для двоих, которые сдаются целиком. Добавили блоки, касающиеся ценообразования и гарантий: что входит в плату (уборки, белье и проч.); заключается ли договор с постояльцем; кто отвечает за сохранность вещей; добавили образец договора с политикой ответственности хостела и постояльца. Добавили закрывающее конверсионное действие.

Страница стала в 3 раза длиннее, мы добавили сюда все, что только могли: адрес и часы работы офиса, карту. Добавили телефон для действующих постояльцев, которые забыли вещи, заблудились или хотят узнать, как продлить договор и прочее. Несмотря на то, что в каждом хостеле есть администратор, такой телефон должен быть. А для не-клиентов наличие такой информации даст больше поводов доверять компании. У отдела бронирования появилось лицо, точнее, лица, и обращение к звонящим. Соцсети и фидбэк заняли положенное им факультативное место на странице.