UX (User Experience) — пользовательский опыт в цифровых продуктах. Скроллинг по сайту, заполнение формы обратной связи, нажатие кнопки перехода на другую страницу и тысячи других сценариев. Все это относится к пользовательскому опыту.
UX сайта должен заботиться о каждом клиенте. Получил ли он то, что хотел, из статьи в блоге? Оправдались ли ожидания аудитории при нажатии на линк или интерактивную кнопку? Эти моменты могут как вывести продажи застройщика на новый уровень, так и потерять часть трафика, лидов и клиентов.
В статье мы поговорим о секретах UX дизайна, который не отпугивает клиента, а масштабирует прибыль и объем лидов.
7 принципов правильного UX-дизайна для ЖК
Главный вопрос: «Зачем владельцу сайта знать детали пользовательского опыта, если всю работу делают разработчики и дизайнеры?». И это действительно так. Но и не так.
Мы выделили 3 причины:
- Застройщик должен знать, что клиенты приходят на сайт и просматривают страницы. И им интересно. Иначе, зачем тратить бюджет на разработку сайта и получать убытки.
- Что-то работало в прошлых проектах, а от некоторых фишек стоит отказаться так как они не принесли результата. В новом проекте нужно подсказывать и контролировать дизайнера.
- Донести идею проекта. Начальных знаний в UX достаточно, чтобы понять: клиенту важна простота дизайна, а не роскошный сайт с сотнями картинок. Это отвлекает от главного — закрытия на продажу.
Итак, без чего UX дизайн сайта не будет продавать.
Простота
Большинство посетителей заходят не ради того, чтобы оценить ваш стильный дизайн. Они приходят за необходимой им информацией. При этом необязательные элементы без функциональной нагрузки только усложняют пользователям путь к цели.
То, насколько удобно клиенту ориентироваться на вашем сайте называется «юзабилити». Чтобы получить хорошее юзабилити, достаточно 2-3 цвета для сайта и 1-2 шрифта, не более. Графические объекты должны помогать совершить целевое действие, направлять покупателя, знакомить с предложением. Но не отвлекать.
С таким подходом страницы ориентированы на ключевые элементы, а сайт выглядит привлекательно.
Визуальная иерархия
От компоновки и организации элементов сайта зависит, к какой кнопке клиенты потянутся вначале, что прочитают дальше и как перейдут на форму обратной связи.
Вся оптимизация сайта сводится к тому, чтобы довести пользователя до выполнения целевого действия комфортным и естественным для него путем.
Кнопки навигации
С понятной и простой навигацией клиент точно найдет то, что искал. UX-дизайн предполагает, что передвижение трафика из точки А (например — главной страницы) к точке Б (форме обратной связи) будет безболезненным. То есть, не нужно будет танцевать с бубном, чтобы найти поисковую панель или кнопку для заказа звонка.
Согласованность
Согласованность должна быть не только в навигации, но и в общем стиле всех страниц сайта. В стиле нужно учитывать фон, цветовую схему, шрифты и стили текста. Таким образом пользователю будет проще понять, какой тип информации он найдет на конкретной странице.
За это отвечают дизайнеры. Но и вам не помешает знать, какие конкуренты делали сайт без согласованности элементов.
Адаптивность
Хорошее впечатление о сайте клиент должен получить с любого устройства. Отчет Similarweb за март 2022 года показал, что лишь треть пользователей смотрят сайты через настольный компьютер.
Будет обидно потерять бюджет, а ответственность спустить на отдел продаж или ошибки в CRM. Хотя проблема была в том, что на одних устройствах сайт работал отлично, а на других не подстраивался под монитор.
Традиционность
Несколько простых правил используется в UX-дизайне уже много лет:
- Панель навигации вверху страницы. Реже – в левой части экрана.
- Кликабельный логотип располагается в верхнем левом углу.
- Ссылка меняет цвет при наведении мышкой.
Традиционность — то, к чему привык клиент. И то, что должно быть в вашем проекте. Не нужно выдумывать велосипед с рулем на багажнике для веб-сайта, чтобы удивить и закрыть потребности аудитории.
Доверие
Мы уже говорили о том, что клиентам важно получить пользу на сайте. Если использовать в веб-дизайне привычные пользователю элементы и стратегии, это вызовет больше доверия к вашему сайту. Такой подход окажет прямое влияние на впечатления от сайта.
Не заставляйте посетителей перерывать десятки страниц чтобы понять, чем же вы на самом деле занимаетесь. Вместо этого, с первого экрана говорите о ценности своего дела.
Ориентация на аудиторию
Поставьте себя на место ваших посетителей и думайте о них на каждом шаге вашего пути. Красивым сайтом не удивишь.
Согласно статистике 68% посетителей не конвертируются потому что думают, что вы не беспокоитесь об их удобстве. А если вы собираетесь продвигать сайт через SEO, то плохое юзабилити скажется и на низких позициях сайта в выдаче.
Теперь перейдем от теории к практике и рассмотрим, как принципы UX реализованы в проекте Tresor для ЖК Wunder Haus.
Как выглядит UX на примере Wunder House
Потенциальные покупатели наверняка на вашем сайте не в первый раз. Десятки страниц новостроек просмотрено, но для окончательного решения нужны дополнительные факты и аргументы. Добавив качественный UX мы удержим клиента и проведем по карте сайта.
Первый экран
Знакомство с ЖК Wunder Haus начинается с визуализации таунхауса — продукта компании. Тут у пользователя сразу три пути: заказать звонок менеджера, просмотреть другие разделы или сразу записаться на экскурсию. Все точки контакта четко выделены и не прикрыты излишней визуализацией.
Если клиент готов пройтись по сайту, то достаточно скроллить страницу вниз. На главной посетитель увидит преимущества покупки таунхауса и даже один день из жизни в комплексе: от чашки кофе в 8 утра до вечерней тренировки и ужина. На каждом из ключевых блоков реализованы кнопки целевых действий.
Здесь сразу становится понятно, где расположен ЖК и как связаться с отделом продаж: контакты, форма обратной связи.
Выбор подходящей квартиры
Неважно, насколько продуман сайт. Главное, чтобы он помог клиенту выбрать недвижимость. Ее он хочет купить в конечном итоге и ради нее пришел на сайт.
В разделе выбора таунхауса реализованы 2 подхода:
Генеральный план, где клиент выбирает тип жилья.
И детальный план с планировкой дома, цифрами и кнопками действий.
В многоквартирных проектах лучше всего показывать квартиры в виде шахматки. Это интерактивная панель, на которой отображается номер жилья и этаж. А при нажатии на квадрат панели открываются другие виды — планировки и рендеры. Детально о шахматке и преимуществах рассказывали в этой статье.
В любом из вариантов итог — наглядная карточка выбранной квартиры. Подведите клиента к разделу при помощи понятной навигации и кнопок целевых действий. Дайте больше информации касательно объекта недвижимости. На этом этапе большего UX-дизайна не требуется.
Подготовка покупателя к целевому действию
Клиент ищет способ сэкономить. Или аргументы, которые оправдывают стоимость объекта в ЖК. Для того, чтобы отсеять все возражения клиентов, мы выделили несколько блоков:
- Интерактивная карта с инфраструктурой возле таунхауса. В районе куча супермаркетов, школы, аптеки, детские садики и фитнесс-клубы. Далеко ехать не придется.
- Характеристики. Клиент кликает на точку фото и узнает подробнее о будущем домике.
- Вопрос-ответ, где сотрудники ЖК отвечают на актуальные вопросы аудитории.
Даже самые требовательные покупатели могут найти информацию без связи с отделом продаж.
Что еще добавить на сайт, чтобы улучшить UX
Для сайта таунхаусов мы сделали минималистичный дизайн. В то же время, клиент не остался «голодным» без цифр и фактов. Для консультации продуманы кнопки обратной связи в нескольких блоках.
Этого достаточно, чтобы клиент «погулял» по сайту, осознал информацию и не отвлекался от оффера.
Сайт многоквартирного ЖК можно дополнить разделами:
Новости — рассказать о ходе строительства, событиях, акциях. Потенциальный покупатель должен быть в курсе последних новостей застройщика, если хочет купить у него квартиру.
О нас — донести опыт компании и принципы работы до аудитории. Есть прошлые проекты? — можно и нужно рассказать о прошлых результатах, чтобы клиенты стали лояльнее к вашей недвижимости.
Галерея проектов, кейсы — становится видно, сколько объектов было построено, можно просмотреть и с легкостью вернуться на сайт либо перейти на один из объектов.
Чтобы не нагружать сайт, можно вынести информационные разделы в рассылки, установив простой лид-магнит. Так вы получите готовых к взаимодействию клиентов, которые будут читать и дочитывать. Плюс, база пополнится контактными данными, полученными из лид-магнита.
Резюме
Тщательно продуманный UX-дизайн — это не сотни красочных визуализаций, которые дают wow-эффект без смысловой нагрузки. Это цифры, факты, грамотное расположение разделов и кнопок. Сайт может быть не таким ярким, как у конкурента. Но он дает все, что нужно клиенту для принятия решения: шахматка, доступные формы связи, подвязка чат-бота для консультирования, калькуляторы.
В Tresor мы подходим к каждому проекту индивидуально, разрабатывая застройщикам user-friendly дизайны. Главное — что такой UX продает.
Просмотрите и другие кейсы на нашем сайте или заполните заявку на персональное предложение.