Яким має бути правильний UX для Landing Page Житлового комплексу: розібрали на прикладі ЖК Wunder Haus

Повернутись до блогу

UX (User Experience) — користувальницький досвід у цифрових продуктах. Скролінг по сайту, заповнення форми зворотнього зв’язку, натискання кнопки переходу на іншу сторінку та тисячі інших сценаріїв. Все це відноситься до досвіду користувача.

UX сайту має дбати про кожного клієнта. Чи отримав він те, що хотів, із статті у блозі? Чи виправдалися очікування аудиторії при натисканні на лінк чи інтерактивну кнопку? Ці моменти можуть вивести як продажу забудовника на новий рівень, так і втратити частину трафіку, лідів і клієнтів.

У статті ми поговоримо про секрети UX дизайну, який не відлякує клієнта, а масштабує прибуток та обсяг лідів.

7 принципів правильного UX-дизайну для ЖК

Головне питання: «Навіщо власнику сайту знати деталі досвіду користувача, якщо всю роботу роблять розробники та дизайнери?». І це справді так. Але не так.

Ми виділили 3 причини:

  1. Забудовник повинен знати, що клієнти приходять на сайт та переглядають сторінки. І їм цікаво. Інакше, навіщо витрачати бюджет на розробку сайту та отримувати збитки.
  2. Щось працювало в минулих проектах, а від деяких фішок варто відмовитися, оскільки вони не принесли результату. У новому проекті потрібно підказувати та контролювати дизайнера.
  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-дизайну не потрібно.

Підготовка покупця до цільової дії

Клієнт шукає спосіб заощадити. Або аргументи, що виправдовують вартість об’єкта у ЖК. Для того, щоб відсіяти всі заперечення клієнтів, ми виділили кілька блоків:

  1. Інтерактивна мапа з інфраструктурою біля таунхаусу. У районі купа супермаркетів, школи, аптеки, дитячі садки та фітнес-клуби. Далеко їхати не доведеться.
  1. Характеристики. Клієнт кликає на точку фото і дізнається докладніше про майбутній будиночок.
  1. Питання-відповідь, де співробітники ЖК відповідають актуальні питання аудиторії.

Навіть найвибагливіші покупці можуть знайти інформацію без зв’язку з відділом продажів.

Що ще додати на сайт, щоб покращити UX

Для сайту таунхаусів ми зробили мінімалістичний дизайн. У той же час, клієнт не залишився «голодним» без цифр та фактів. Для консультації продумані кнопки зворотного зв’язку у кількох блоках.

Цього достатньо, щоб клієнт «погуляв» сайтом, усвідомив інформацію і не відволікався від оффера.

Сайт багатоквартирного ЖК можна доповнити розділами:

Новини — розповісти про перебіг будівництва, події, акції. Потенційний покупець має бути в курсі останніх новин забудовника, якщо хоче купити квартиру.

Про нас — донести досвід компанії та принципи роботи до аудиторії. Чи є минулі проекти? — Можна і потрібно розповісти про минулі результати, щоб клієнти стали лояльнішими до вашої нерухомості.

Галерея проектів, кейси — читачеві зрозуміло, скільки об’єктів було побудовано, можна переглянути і легко повернутися на сайт або перейти на один з об’єктів.

Щоб не завантажувати сайт, можна винести інформаційні розділи в розсилки, встановивши простий лід-магніт. Так ви отримаєте готових до взаємодії клієнтів, які читатимуть і дочитуватимуть. Плюс база поповниться контактними даними, отриманими з лід-магніту.

Резюме

Ретельно продуманий UX-дизайн — це не сотні яскравих візуалізацій, які дають wow-ефект без змістовного навантаження. Це цифри, факти, грамотне розташування розділів та кнопок. Сайт може бути не таким яскравим, як конкурент. Але він пропонує все, що потрібно клієнту для прийняття рішення: шахматка, доступні форми зв’язку, підв’язка чат-бота для консультування, калькулятори.

У Tresor ми підходимо до кожного проекту індивідуально, розробляючи забудовникам user-friendly дизайни. Головне, що такий UX продає.

Перегляньте й інші кейси на нашому сайті або заповніть заявку на персональну пропозицію.

Схожі статті.

Ми підібрали статті, які швидше за все сподобаються Вам!

Development / 5 хвилин
Чат-боти у маркетингу нерухомості: перевага чи інструмент без результатів

Чат-бот — це програма для спілкування з клієнтами в автоматизованому режимі. Також це доповнення,…

Читати
Development / 5 хвилин
Лід-магніт у маркетингу нерухомості: збираємо контакти аудиторії 15 способами

Для додаткового прогріву та конвертації на дзвінок забудовники все частіше використовують контент-маркетинг та рекламу….

Читати
Development / 4 хвилин
Тренди маркетингу ринку первинної нерухомості 2020 року: результати опитування забудовників столиці

Агентство Media First Ukraine поділилося результатами дослідження: у 2019 році компанії столиці витратили 500…

Читати
Development / 7 хвилин
Як шахматка прискорила підбір об’єкту забудовника до 7-14 секунд

Ринок нерухомості змінюється, всі хочуть продавати в інтернеті та конкурують у інструментах, які зручні…

Читати
Development / 7 хвилин
Як вплинути на 50% рішень покупців нерухомості за допомогою віртуальних турів

Рендерами нікого не здивувати. У кожного забудовника на сайті є добірка фотографій об’єктів високої…

Читати

Copyright © 2022. Developed by Tresor.tech