Одна из главных задача сайта современного отеля – привлечь посетителей к бронированию. Важную роль в этом играет дизайн сайта: он может отпугнуть посетителя или наоборот, привести его в номер вашего отеля. Эффективные и проверенные на практике способы оптимизации дизайна сайта гостиниц описаны в блоге маркетингового агентства NetAffinity (Ирландия). Подробности в переводном материале Hotelier.PRO.
Вы хотите, чтобы посетители, просматривающие ваш сайт, завершили процесс бронирования номера, прибыли к стойке регистрации и, наконец, заселились? И для этого ваш сайт должен быть не только привлекательным, но и обеспечивать высокий уровень конверсии. Помня об этом, мы составили список из 6 дизайн-подсказок для отелей, которые помогут превратить посетителей сайтов в гостей отелей.
1. Применяйте адаптивный дизайн
35 лет назад люди даже и не знали, нужны ли нам будут нужны домашние компьютеры, не говоря уже о покупках по интернету. Зато в наше время свыше 148,3 миллионов людей используют интернет, чтобы бронировать свои номера, туры и другую деятельность. Это свыше 57% всех туристических броней за год (Statistic Brain).
По мере того, как людям стало удобнее покупать онлайн, продажи через мобильные устройства резко выросли. По данным исследования Rezdy, из общего число онлайн-бронирований 30% сделаны через мобильные устройства, и этот показатель растет на 1% в квартал.
Все эти факты говорят о том, что сайт вашего отеля необходимо сделать адаптивным. Не стоит цепляться только за десктопный дизайн сайтов. Теперь бронирование осуществляется с широкого спектра устройств: от настольных до мобильных и планшетных.
Адаптивный дизайн подстраивается под то устройство, на котором он отображается. Это значит, что сайт гостиницы будет также отлично смотреться на планшетах, телевизорах и мобильных телефонах, как и на настольных компьютерах. Если сайт хорошо работает на всех устройствах, уровень конверсии растет, ведь гости могут вести поиск и бронировать именно так, как им удобно.
Ниже приведены три примера адаптивного дизайна сайтов: как они выглядят на компьютере и на мобильных устройствах.
Если вы измените размер окна браузера и попробуете зайти на эти сайты с других устройств, то увидите, что они постоянно подстраиваются под устройство, с которого их просматривают.
2. Сделайте панель навигации простой для поиска и использования
Если вашу панель навигации сложно найти, это все равно, что спрятать карту от водителя, когда он в пути. Ему не добраться до цели!
Вот пример отличной панели навигации:
Почему это работает?
Цвет и положение выбраны так, что панель хорошо заметна. Выбор меню ограничен и не слишком сложен. Общий дизайн страницы также прост. Это значит, что людям проще найти больше информации и мест через панель навигации.
Как сделать, чтобы навигационная панель удерживала посетителей сайта
Разместите ее там, где гости будут искать. Почему? Потому что людям нравится заходить на знакомые сайты. Есть такое понятие, как «когнитивная беглость».
Сделайте панель простой. Слишком большой выбор снижает конверсию.
Избегайте типовых навигационных значков и кнопок.
Используйте контрастные цвета. Цвет должен помочь найти вашу панель навигации и ссылки, а не скрыть их. Этот момент доказан психологами (он известен как «схема»), и это позволяет привлечь к внимание к тому, что нужно.
Используйте эффект последовательной позиции. Внимание и способность концентрироваться на чем-либо растет в начале и конце списка. Поэтому, самые важные пункты навигации размещайте либо в конце, либо же в начале, а менее важные – в середине.
3. Дайте глазам гостей отдых
Один из базовых принципов дизайна – простота. Звучит просто (и это так!), но все владельцы сайтов хорошо знаеют, как легко увлечься разными виджетами, инструментами и запихать на сайт слишком много текстов. Если речь идет о высокой конверсии, то ясности и простоты не бывает слишком много.
В 2012 исследование Google показало, что люди оценивают красоту сайтов за 1/50-1/20-ую долю секунды. Поэтому сложные или перегруженные сайты считаются менее красивыми, чем простые. Чем меньше визуальной нагрузки ложится на вашего посетителя, и чем проще сайт, тем лучше.
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 – подпишитесь на еженедельную рассылку. Это бесплатно.