Сайт по аренде элитной недвижимости в ОАЭ
О проекте
Компания Profi Make занимается сдачей вилл в аренду на острове Пальма Джумейра в ОАЭ.
История компании насчитывает ни много ни мало 12 лет, и конечно, за это время она успела обзавестись корпоративным сайтом. Однако со временем клиент решил продвигать свои услуги под новым брендом и создать ещё один сайт. Так компания Profi Make и повстречала команду Webnauts.
О том, что получилось из нашего сотрудничества, читайте в нашем кейсе.
Задача
Компания Profi Makе представлена на разных онлайн-сервисах бронирования жилья, в частности Booking.com и Airbnb. Но основная площадка — это корпоративный сайт, привлекающий клиентов при помощи контекстной рекламы.
Так перед нами стала задача — разработать для компании такой сайт, который бы полностью соответствовал её деятельности: с привлекательным дизайном и грамотной подачей контента. То есть сделать так, чтобы все страницы сайта были не просто убедительными, а заведомо подчёркивали богатый опыт компании в сфере элитной недвижимости.
Технологическое решение
Для разработки сайта Profi Makе мы использовали конструктор на CMS «Битрикс24». Решение было обосновано тем, что клиент уже использовал «Битрикс24» в качестве CRM, и создание сайта внутри этой же CRM пришлась как нельзя кстати.
Чем же так хорош Битрикс24? Это удобный конструктор, который позволяет:
- спроектировать дизайн из готовых блоков и элементов;
- создавать дополнительные веб-страницы;
- оптимизировать сайт для продвижения;
- получать подробную статистику;
- собирать контакты клиентов с помощью встроенных CRM-форм;
- интегрировать сайт с платёжными и другими внешними сервисами.
Кроме того, скорость и стоимость разработки сайта на Битрикс24 просто не может не радовать.
Дизайн и навигация сайта
Как мы и задумывали, дизайн сайта получился минималистичным, аккуратным и элегантным, как и подобает проекту по аренде элитных вилл. Цветовая гамма сдержанная и состоит из 3-х цветов:
- белый — основной цвет фона веб-страниц. Он придаёт сайту изящности и воздушной лёгкости;
- песочный — дополнительный тёплый цвет с прямой отсылкой к пустынным дубайским пейзажам;
- чёрный — акцентный цвет для основного текста, шапки и подвала сайта. Ассоциируется с профессионализмом, зрелостью и позволяет сосредоточится на важном.
Структура главной страницы
В шапку сайта мы поместили всего 3 элемента: логотип и два контакта в виде телефонного номера и ссылки на Instagram-аккаунт.
На главном экране также красуется фото дубайского горизонта, лаконичный слоган и локация. Все они метко и лаконично транслируют деятельность компании:
Анимированный рop-up в нижней правой части экрана ненавязчиво напоминает о возможности написать консультанту, а клик на него мгновенно вызывает окно чата:
Кстати, все сообщения, отправленные с сайта, мгновенно падают в привычную для нашего клиента CRM-систему «Битрикс24» для их дальнейшей и оперативной обработки.
Каталог
Самый первый сайт компании имел каталог со сплошной блочной структурой и 2-мя фильтрами поиска: локация (ненужный пункт ввиду того, что вариант всего один) и количество комнат. В таком каталоге отсутствовала логика, визуальная привлекательность и удобство восприятия.
В этот раз при разработке каталога мы вовсе отказались от панели навигации и сразу структурировали виллы по количеству комнат. Это основной параметр при поиске апартаментов, от которого часто зависит и стоимость аренды. Разделы каталога мы представили в виде кругового слайдера:
Описание локации
Как уже упоминалось ранее, все виллы имеют единственную и неповторимую локацию — Пальма Джумейра на берегу Дубая. За лаконичное описание острова с воодушевлением взялись копирайтеры, проиллюстрировав их красочными фотографиями. Под описание локации мы выделили отдельный экран:
О нас
Это не просто блок сайта, а зеркало бренда. В нём отражается история, деятельность и опыт компании. Ему под силу сформировать имидж, заслуживающий доверие клиентов, с поправкой на грамотный текст. Как вы догадались, здесь тоже не обошлось без умелой мысли копирайтера. В результате история об основателе и команде Profi Make получилась простой, деловой и сдержанной:
FAQ
Блок часто задаваемых вопросов бывает часто недооценён. Так, данный раздел отсутствовал и в прежнем проекте нашего клиента. Очень зря, ведь на самом деле он является обязательным для сайтов, предлагающих сложные услуги. А Profi Make — один из таких.
Наши копирайтеры доступно, конкретно и лаконично сформулировали ответы на самые частые вопросы клиентов, и теперь раздел FAQ полностью соответствует своим задачам — приближает клиента к целевому действию, закрывает возражения, снижает загрузку консультантов и позволяет добиться повышения юзабилити сайта в будущем.
Данный блок мы реализовали в виде раскрывающегося списка с эффектом наведения:
Страницы с описанием вилл
Как и весь сайт, они выполнены в лучших традициях минимализма: фотокарточка, основные характеристики в инфографике и кнопка, вызывающая окно с формой заявки. Ниже — галерея фотографий, описание и подробная характеристика апартаментов.
И пока копирайтеры писали вдохновляющие тексты, наш разработчик тоже кое-что написал — кастомный js-скрипт, позволяющий открывать страницу виллы при клике на её карточку (а не на ссылку):
Конверсионным венцом оформления страницы выступает лаконичная форма обратной связи. Дальше остановимся на ней подробнее.
Форма обратной связи
Представлена в статическом виде в конце главной страницы сайта и отдельных страниц с описанием вилл. Такой тип формы прост и ненавязчив, к тому же лимит на 1 динамический элемент в виде всплывающего окна мы уже исчерпали.
Кроме обязательных полей для имени и контактного номера форма предполагает дополнительные поля для дат бронирования виллы. Но даже не смотря на это, окошко получилось понятным и лаконичным:
Адаптивность сайта
Все блоки и элементы Битрикс-платформы полностью адаптивны, а это значит, что сайт идеально подстраивается под различные разрешения экранов и одинаково удобен со всех мобильных устройств — от подбора до бронирования апартаментов:
Анимации
Битрикс-платформа представляет широкие возможности для анимации без применения сторонних библиотек. В данном проекте мы сделали ставку на простые эффекты появления и отдаления, подъёма и сдвига элементов в центр экрана, изменения цвета при наведении курсора (на кнопки, ссылки, пункты списка и фото вилл), а также пульсирующая кнопка онлайн-чата.
Итоги
В связи разработчиков и копирайтеров нам удалось создать удобный минималистичный сайт с продуманной структурой, вдохновляющими текстами и ненавязчивыми анимационными эффектами. Аккуратный, убедительный и солидный сайт как нельзя лучше отражает деятельность компании по аренде элитной недвижимости.
Comments are closed.
Комментарии