— проанализировали логику взаимодействия с ресурсом и продумали пользовательский интерфейс
— подготовили эффектный контент и провели видеосъемку для наполнения сайта
— после разработки сайта под ключ за два месяца увеличили конверсию в 1,5 раза
О проекте
Прежний сайт «Светлого» был создан в январе 2023 года для продвижения только открывшегося бизнеса, которому требовался быстрый рост в онлайне и отстройка от конкурентов. После разработки ресурс продолжительное время успешно решал поставленные перед ним задачи, эффективно работая в сочетании с другими маркетинговыми инструментами.
В дальнейшем апарт-отель стремительно расширялся: на сайте регулярно обновлялись данные и появлялись свежие страницы, анонсирующие новые услуги клиента. В какой-то момент бизнес перерос ресурс: стало ясно, что существующему многостраничнику требуется перестройка, в том числе и для того, чтобы разместить накопившийся интересный для потенциальных клиентов контент.
Постановка задачи
Основной задачей прежней площадки было своевременное информирование пользователей и сбор заявок. Но за два года с момента открытия бизнес обрел более четкое позиционирование. Благодаря этому было принято решение создать сайт с аутентичной для целевой аудитории атмосферой. От нового ресурса требовались:
01 / Удобная навигация
02 / Логичная структура
03 / Приятный, современный дизайн
04 / Хорошая конверсия
Упрощение структуры
При разработке веб сайта под ключ было принято решение создать боковое фиксированное меню, которое позже стало эффектным элементом дизайна. При любом паттерне поведения меню вместе с логотипом компании, кнопкой «Забронировать» и иконками мессенджеров попадало в зону внимания пользователя.
Теперь можно было быстро перейти на другую страницу сайта, и при этом «шапка» не перекрывала зону основного контента. А для удобства навигации мы добавили кнопку «Наверх».
При разработке структуры мы полностью основывались на возможных сценариях поведения пользователей: сохранили общую разбивку ресурса по основным зонам комплекса, но отказались от полноценных страниц «Акции» и «Услуги» — первая превратилась в сквозной блок, а вторая стала индивидуальным блоком для каждой зоны с учетом ее особенностей.
Было принято решение избавиться от морально устаревшего блока «Отзывы» — вместо него мы добавили крупным кеглем общую оценку сервиса в подвал и поставили на нее ссылку на Яндекс Карты — мимо не пройдешь. А еще спрятали маленький секретик при наведении на звездочки отзыва — мелочь, но для того, кто заметит, приятный момент.
Трендовый дизайн
Разработка сайтов под ключ с дизайном начинается с подбора подходящих по стилистике примеров. Чтобы задать правильный вектор и согласовать видение проекта с клиентом, мы перебрали множество сайтов премиальных отелей и банных комплексов.
Спойлер: нашли несколько идей, но ничего близкого к желаемому результату.
Новый дизайн имел сразу несколько особенностей:
01 / Погружение в атмосферу
02 / Большой объем фото- и видеоконтента
03 / Максимальная вовлеченность пользователя
04 / Удобная модульная сетка
Мягкие брендовые цвета, тонкие графические элементы, полупрозрачные, словно запотевшие плашки создавали подходящий фоновый настрой и не отвлекали от просмотра эффектных фотографий и видео. Крупные заголовки и фото позволяли воспринимать основную информацию даже при быстром скроллинге.
А видео мы добавили не только на первые экраны и в форму обратной связи, как это принято, но и в другие блоки, где пользователь обычно не ожидает их встретить. При этом весь контент был сжат, чтобы визуал не отразился критически на скорости загрузки.
Разработка сайтов под ключ в 2026 году складывается не только из эстетичного визуала, но и из мелочей, так называемых «бантиков». Так, для блока с гриль-баром мы придумали «жареную» кнопку — жмите, если хотите подкинуть дровишек в реале, или просто наслаждайтесь анимацией огня. На страницах домов в блоке с Правилами аренды спрятали на карточке «Внимание детям» озорного малыша.
В подвале добавили при наведении на домики соответствующие всплывающие изображения. Лаконичный блок с виртуальным туром для каждой страницы позволял рассмотреть апартаменты в подробностях.
Подобные моменты увеличивают вовлеченность пользователя: с площадкой хочется взаимодействовать, «играть», рассматривать каждый элемент и думать, а что будет, если я наведу курсор/нажму вот сюда?
Функционал
Сложная структура комплекса подтолкнула нас к разработке общего блока на главной странице, через который можно было отправить заявку для бронирования нужного домика или номера в отеле. Для дома «Энергия», доступного для посуточной аренды, был добавлен виджет, через который потенциальный клиент мог посмотреть свободные даты, стоимость и сразу забронировать желаемую услугу.
Виджет визуально стилизовали под дизайн сайта: те же цвета, скругления и шрифты, отчего он стал выглядеть эффектно и уместно. А на отдельные страницы в нужных местах внедрили возможность посмотреть прейскуранты по ссылке, чтобы людям было проще принять решение.
Поисковая оптимизация
Разработка сайтов под ключ для бизнеса — сложный процесс, включающий не только проектирование структуры, анализ моделей поведения пользователей, создание эстетичного дизайна, но и оптимизацию ресурса под требования поисковых систем. К последней мы подошли с привычной нам тщательностью:
01 / Сжали весь контент
02 / Собрали семантическое ядро
03 / Проработали гиперссылки
04 / Разместили ключевые фразы
У нас есть свой чек-лист для данных работ: в него входит размещение иконки веб-сайта, прописывание метатегов и тегов, разметка, подключение систем аналитики и многое другое.
И, конечно, мы обязательно адаптируем ресурс под разные разрешения и скрываем сайт от индексации на время разработки: целевая аудитория должна увидеть только полностью завершенный продукт.
Законодательные моменты
РКН строго следит не только за обычными гражданами, но и за владельцами сайтов. При несоблюдении законодательства можно получить не один штраф.
Хорошо, что мы знаем об этом — и наш клиент может спокойно заниматься бизнесом, не думая о таких вещах.
В подвале на сайте мы разместили:
01 / Политику обработки персональных данных
02 / Согласие на обработку персональных данных
03 / Договор оферты
04 / Стилизованную иконку Инстаграма*
Согласно текущему законодательству, на сайтах запрещается размещать традиционную иконку Инстаграма*, поэтому мы разработали свой пакет иконок, оставив вполне понятный посыл: здесь находится ссылка на запрещенную соцсеть.
А во всех формах на сайте стоит пустой чекбокс для галочки, чтобы Пользователь самостоятельно согласился с обработкой своих данных.
Результат
Конверсия на прежнем сайте составляла 0,97%, за два месяца после запуска обновленного ресурса она выросла до 1,44%. Показательный результат!
Клиент остался полностью доволен разработкой и уже готов сотрудничать с нами по новым проектам. Сайт «Светлого» оценил не только заказчик, но и пользователи, и другие дизайнеры: единогласно было решено, что мы на 100% попали в тренды.
Инстаграм* — проект компании Мета, деятельность которой в России запрещена
Оригинал статьи опубликован на нашем сайте.