кейс

UX-аудит

Использовали разные методы UX-аудита, чтобы выявить проблемы на главной странице и понять, в каком месте обрывается воронка: где пользователь покидает сайт, не забронировав номер онлайн.

В первую очередь воспроизводили сценарии поведения пользователей на разных устройствах в десктопной и мобильной версиях сайта. Приоритет был на мобильной версии, поскольку 80% аудитории ищет информацию и бронирует номера именно с мобильных устройств.

Новая структура

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

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

Наконец, упростили бронь номеров в мобильной версии: сделали заметной кнопку «Забронировать» и добавили информативные карточки с превью номеров.

Дизайн-концепция

Шрифт с засечками в заголовках, использование «арок» в иллюстрациях, которые отсылают к логотипу и архитектуре комплекса, — всё это указывает на богатую историю отеля.

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

Frontend-разработка 

Для создания главной страницы использовали VanillaJS — он позволяет добавлять на страницу разнообразные элементы: видео, анимированные объекты и разнообразные иллюстрации.

VanillaJS достаточно производительный и позволяет быстро загружать большие объёмы информации — это важно при поиске и бронировании номеров.

Результат

Главная страница сайта с помощью элементов обновлённого дизайна и корректного повествования понятно и последовательно раскрывает УТП Даховской Слободы, плюс, позволяет легко и просто получить информацию о номерах и забронировать их.

Удобный дизайн для десктопной мобильной версии позволяет быстро узнавать интересующую информацию на разных устройствах. Использование разнообразных визуальных элементов на главной странице — видео, анимаций, фотографий — дополнительно раскрывают уникальность «Даховской Слободы».