Врываемся в тренды и повышаем конверсию: как мы редизайнили сайт апарт-отеля «Светлый»

Прежний сайт «Светлого» был создан в январе 2023 года как лендинг для продвижения только открывшегося бизнеса, которому требовался быстрый рост в онлайне и отстройка от конкурентов. После запуска ресурс продолжительное время успешно решал поставленные перед ним задачи, эффективно работая в сочетании с другими маркетинговыми инструментами.

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

Основной задачей прежнего лендинга было своевременное информирование пользователей и сбор заявок.

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

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

Теперь можно было быстро перейти на другую страницу сайта, и при этом «шапка» не перекрывала зону основного контента. А для удобства навигации по странице мы добавили кнопку «Наверх».

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

А еще решили избавиться от морально устаревшего блока «Отзывы» — вместо него добавили крупным кеглем общую оценку сервиса в футер и поставили на нее ссылку на ЯндексКарты — мимо не пройдешь. Также спрятали маленькую «пасхалку» при наведении на звездочки отзыва — мелочь, но для того, кто заметит, приятный момент.

Чтобы задать правильный вектор и согласовать видение проекта с клиентом, в поисках референсов мы перебрали множество сайтов премиальных отелей и банных комплексов. 

Спойлер: нашли несколько идей, но ничего близкого к желаемому результату.

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

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

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

В футере добавили при наведении на домики соответствующие всплывающие изображения. Лаконичный блок с 3D-туром для каждой страницы позволял рассмотреть апартаменты в подробностях.

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

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

Разработка сайта — сложный процесс, включающий не только проектирование структуры, анализ моделей поведения пользователей, создание эстетичного дизайна, но и проработку СЕО-настроек. Поэтому мы оптимизировали контент, собрали семантику, проработали перелинковку, разместили ключевые фразы.

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

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

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

Согласно текущему законодательству, на сайтах запрещается размещать традиционную иконку Инстаграма*, поэтому мы изменили ее визуально, оставив понятный для пользователя посыл: здесь находится ссылка на запрещенную соцсеть.

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

Конверсия на прежнем сайте составляла 0,97%. За два месяца после запуска обновленного ресурса конверсия выросла до 1,44%. Показательный результат!

Клиент остался полностью доволен редизайном и уже готов сотрудничать с нами по новым проектам. Сайт «Светлого» оценил не только заказчик, но и пользователи, и другие дизайнеры: единогласно было решено, что мы на 100% попали в тренды.