UX-аудит и обновление главной 
страницы сайта отельного 
комплекса «Даховская Слобода»

Главное о кейсе

Провели UX-аудит и обновили главную 
страницу сайта отельного 
комплекса в Адыгее.

————
This project included a UX-audit and redesign of the main website page for a hotel complex in Adygea.

Как проект изменил жизнь пользователей

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

Удобный адаптивный дизайн позволяет быстро узнавать интересующую информацию на разных устройствах.

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

————
Now, the main page of the website clearly and sequentially reveals the Unique Selling Proposition (USP) of 'Dahovskaya Sloboda', and also allows easy access to information about rooms and their booking.

The convenient adaptive design enables quick access to relevant information on different devices.

Using a variety of visual elements on the main page - videos, animations, photographs - further emphasizes the style of 'Dahovskaya Sloboda' and helps the user get acquainted with the complex from the first screens.

Бизнес-задача и ее решение

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

Для этого провели бизнес-анализ, переработали дизайн-концепцию. Отвечали и за frontend-разработку.

————
The main page of the website, with its updated design elements and clear storytelling, effectively communicates the Unique Selling Proposition of "Dakhovskaya Sloboda." It also simplifies the process of obtaining information about rooms and making reservations.

The user-friendly responsive design ensures that users can easily access information on different devices. The use of various visual elements such as videos, animations, and photographs on the main page further highlights the uniqueness of "Dakhovskaya Sloboda."

Крафт (мастерство), реализация, технические детали

UX-аудит

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

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

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

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

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

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

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

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

————
UX Audit:

We employed various UX audit methods to identify issues on the main page and understand where the funnel was breaking, causing users to leave the site without completing room reservations. We prioritized mobile devices since 80% of the audience sought information and booked rooms using smartphones and tablets.

To streamline navigation, we reduced the number of first-level headings and eliminated duplicates in the menu. We then focused on the unique value proposition, arranging blocks in a way that gradually conveyed the advantages of "Dakhovskaya Sloboda" in line with the stages of the marketing funnel.

We carefully designed the storytelling on the main page so that blocks gradually warmed up new users to making reservations. Simultaneously, we considered the interests of returning customers by providing information about rooms at the top of the page for those who needed a quick and convenient reservation.

We simplified room booking in the mobile version by making the "Book Now" button more prominent and adding informative previews of the rooms.

Design Concept:

"Dakhovskaya Sloboda" is a hotel with a history spanning over 15 years, which we decided to reflect in the design. The font with serifs in the headings and the use of arches in illustrations, referencing the logo and the complex's architecture, all indicate the hotel's rich history.

The deep blue, one of the key colors of the concept, combined with animated transitions amidst moving clouds, showcases the natural beauty of Adygea.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

————
VanillaJS was used to create the main page, allowing us to incorporate a variety of elements: videos, animated objects, and various illustrations.

VanillaJS is sufficiently performant and enables quick loading of large amounts of information, which is essential for room search and booking

Прочая информация о кейсе

Даховская Слобода — крупный гостиничный комплекс в республике Адыгея.

————
"Dakhovskaya Sloboda" is a large hotel complex located in the Republic of Adygea.

Скриншоты