Отельный FAQ. Как увеличить конверсию: 6 супер-подсказок по дизайну сайта.

Вы хотите, чтобы посетители, просматривающие ваш сайт, завершили процесс бронирования номера, прибыли к стойке регистрации и, наконец, заселились? И для этого ваш сайт должен быть не только привлекательным, но и обеспечивать высокий уровень конверсии. Помня об этом, мы составили список из 6 дизайн-подсказок для отелей, которые помогут превратить посетителей сайтов в гостей отелей.

1. Применяйте адаптивный дизайн

35 лет назад люди даже и не знали, нужны ли нам будут нужны домашние компьютеры, не говоря уже о покупках по интернету. Зато в наше время свыше 148,3 миллионов людей используют интернет, чтобы бронировать свои номера, туры и другую деятельность. Это свыше 57% всех туристических броней за год (Statistic Brain).

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

Адаптивный дизайн подстраивается под то устройство, на котором он отображается. Это значит, что сайт гостиницы будет также отлично смотреться на планшетах, телевизорах и мобильных телефонах, как и на настольных компьютерах. Если сайт хорошо работает на всех устройствах, уровень конверсии растет, ведь гости могут вести поиск и бронировать именно так, как им удобно.

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

Если вы измените размер окна браузера и попробуете зайти на эти сайты с других устройств, то увидите, что они постоянно подстраиваются под устройство, с которого их просматривают.

2. Сделайте панель навигации простой для поиска и использования

Если вашу панель навигации сложно найти, это все равно, что спрятать карту от водителя, когда он в пути. Ему не добраться до цели!

Вот пример отличной панели навигации:

Почему это работает?

Цвет и положение выбраны так, что панель хорошо заметна. Выбор меню ограничен и не слишком сложен. Общий дизайн страницы также прост. Это значит, что людям проще найти больше информации и мест через панель навигации.

Как сделать, чтобы навигационная панель удерживала посетителей сайта

• Разместите ее там, где гости будут искать. Почему? Потому что людям нравится заходить на знакомые сайты. Есть такое понятие, как «когнитивная беглость».
• Сделайте панель простой. Слишком большой выбор снижает конверсию.
• Избегайте типовых навигационных значков и кнопок.
• Используйте контрастные цвета. Цвет должен помочь найти вашу панель навигации и ссылки, а не скрыть их. Этот момент доказан психологами (он известен как «схема»), и это позволяет привлечь к внимание к тому, что нужно.
• Используйте эффект последовательной позиции. Внимание и способность концентрироваться на чем-либо растет в начале и конце списка. Поэтому, самые важные пункты навигации размещайте либо в конце, либо же в начале, а менее важные – в середине.

3. Дайте глазам гостей отдых

Один из базовых принципов дизайна – простота. Звучит просто (и это так!), но все владельцы сайтов хорошо знаеют, как легко увлечься разными виджетами, инструментами и запихать на сайт слишком много текстов. Если речь идет о высокой конверсии, то ясности и простоты не бывает слишком много.

4. Добавьте в изображения чувство направления

Как правило, мы, люди, подсознательно следуем визуальным подсказкам. Множество исследований показало, что визуальные подсказки отлично привлекают внимание к определенным элементам сайта.

На главной странице сайта Chemistry.com много лет использовалось выразительное изображение:

Взгляд женщины служит визуальной подсказкой, поэтому призыв к действию (CTA – Call to Action), размещенный на сайте, привлекает столько же внимания, сколько и ее лицо.

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

5. Выделяйте CTA

Ваш элемент CTA – это один из важнейших аспектов в повышении количества броней. Он один может повысить или понизить конверсию. Поэтому важно сделать его таким ярким и заметным, как только это возможно на вашей странице.

Как сделать так, чтобы CTA-элемент (кнопка бронирования) привлекал внимание

• Используйте выделяющийся цвет.
• Пусть кнопка смотрится кликабельной. Она должна быть особой формы и вокруг должно быть много места.
• Размер кнопки должен быть адекватным.
• Поэкспериментируйте с визуальными подсказками: используйте А/B-тестирование, чтобы понять, что лучше для вашего отеля.
• Не используйте туманные формулировки, призывая гостя к действию.

6. Сделайте ваш дизайн релевантным вашему отелю

Исследование, проведенное strongview.com показало, как увеличение релевантности в email-маркетинге помогло cooking.com увеличить процент открытий писем (Open rate) на 500% и снизить процент отписки от рассылок на 29%.

IDIO опубликовали результаты исследование, в ходе которого создание адекватного контента сайта для компании помогло повысить CTR (кликабельность) на 32%, результатом чего стало 55 000 новых подписчиков.

В статье о CTA-кнопке на contentverve.com приводится пример того, как повышение релевантности CTA-материалов позволило увеличить конверсию на 200%.

Высокорелевантные изображения, материалы и общий дизайн резко повышают конверсию.

Курорт Palm Island показывает пример отличной работы по созданию релевантного дизайна:

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

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

Как понять, что дизайн подходит гостям

• Убедитесь, что у вас есть четкое представление о ваших гостях
• Пересмотрите все элементы сайта. Задайтесь вопросом: достаточно ли четко они информируют о вас? Доносят ли они информацию до нужной аудитории?
• Перечитайте ваши материалы, не глядя на изображения. Создают ли они идеальную картинку для идеального гостя?
• Просмотрите картинки, не читая текст. Доносят ли они идеальный месседж типичному гостю?
• Поговорите со своими гостями. Используйте А/B-тестирование , чтобы узнать, что дает лучшую конверсию и проведите оптимизацию.

Источник: NetAffinity // Перевод и адаптация Hotelier.PRO

Чтобы всегда оставаться в курсе новостей и событий гостиничной индустрии, а также следить за обновлениями на Hotelier.PRO – подпишитесь на еженедельную рассылку. Это бесплатно.