Prime Real Estate - редизайн корпоративного сайту агентства нерухомості
У rgbweb.studio ми провели редизайн і розробили новий сайт-каталог для Prime Real Estate — агентства нерухомості в Києві. Клієнту потрібно було замінити сайт на готовій WordPress-темі гнучким рішенням, здатним працювати з базою із 10 000 об’єктів і щомісяця приймати ще 200–300 об’єктів із Realt Soft CRM.
Ми проаналізували конкурентів, розробили структуру та UX-прототипи, підготували тексти, створили адаптивний дизайн і реалізували новий сайт на Node.js та Vue.js. Для керування контентом розробили кастомну адміністративну панель, а для SEO використали серверний рендеринг сторінок.
Проєкт у деталях
| Параметр | Значення |
|---|---|
| Клієнт | Prime Real Estate |
| Галузь | Нерухомість |
| Тип проєкту | Сайт-каталог для агентства нерухомості |
| Послуги | Аналіз, розробка структури, UX-прототипування, копірайтинг, UI-дизайн, адаптивні версії, frontend- і backend-розробка, тестування |
| Платформа | Node.js + Vue.js |
| Інтеграції | Realt Soft CRM, автоматичне завантаження об’єктів через API, перехід у Telegram для запису на перегляд |
| Команда проєкту | Проджект-менеджер · UX/UI-дизайнер · Копірайтер · Frontend-розробник · Backend-розробник · QA-інженер |
Вихідна точка
Попередній сайт Prime Real Estate працював на WordPress із готовою темою та був безпосередньо пов’язаний із CRM. Об’єкти автоматично завантажувалися через API, однак можливості теми обмежували подальший розвиток проєкту.
Для зміни структури сторінок, користувацьких сценаріїв та елементів інтерфейсу було потрібне втручання розробника в код.
Після запуску контекстної реклами сайт не забезпечив очікуваної кількості цільових звернень. Тому клієнту потрібно було переглянути не лише рекламні кампанії, а й структуру, зміст і користувацьку логіку самого ресурсу.
Цілі та завдання
Prime Real Estate працює як агентство нерухомості та виступає посередником між власниками об’єктів і покупцями або орендарями. На момент початку проєкту в базі компанії було близько 10 000 об’єктів, а щомісяця могло додаватися ще 200–300 позицій.
Клієнту був потрібен не просто аудит наявного сайту, а конкретна структура нового рішення: від користувацьких сценаріїв і прототипів у Figma до повноцінної розробки.
Основні завдання проєкту:
- Проаналізувати сайти конкурентів і відповідні рішення на ринку.
- Розробити структуру, орієнтовану на пошук нерухомості та отримання звернень.
- Продумати шлях користувача від першого відвідування до запису на перегляд.
- Реалізувати головну сторінку, каталог та інформативну картку об’єкта.
- Забезпечити роботу з базою із 10 000 об’єктів.
- Автоматизувати завантаження нових об’єктів із Realt Soft CRM.
- Розробити зручну адміністративну панель.
- Додати багатомовність і підготувати сторінки до SEO.
- Створити масштабоване рішення без обмежень готової WordPress-теми.
Що змінилося після розробки
Після розробки Prime Real Estate отримав індивідуальний сайт-каталог на Node.js та Vue.js. Нове рішення розраховане на наявну базу приблизно із 10 000 об’єктів і регулярне надходження ще 200–300 позицій щомісяця з Realt Soft CRM.
Сайт більше не залежить від можливостей готової теми: структуру сторінок і функціональність можна розвивати відповідно до завдань бізнесу, а співробітники керують контентом через кастомну адміністративну панель.
Основні зміни:
-
Гнучка архітектура
Індивідуальне рішення на Node.js та Vue.js без обмежень готової WordPress-теми. -
Автоматизований каталог
Об’єкти надходять із Realt Soft CRM через API без ручної публікації. -
Новий користувацький шлях
Пошук, фільтри та картка об’єкта ведуть користувача від вибору нерухомості до запису на перегляд. -
Керований контент
Тексти, фотографії, заголовки та сторінки редагуються через кастомну адміністративну панель. -
Основа для просування
Багатомовність і серверний рендеринг готують сторінки до SEO та рекламних кампаній.
У межах проєкту
Ми пройшли весь шлях — від аналізу та проєктування до розробки, інтеграції з CRM і тестування готового сайту.
У межах проєкту ми:
- провели аналіз конкурентів і рішень на ринку нерухомості;
- розробили структуру та UX-прототипи ключових сторінок;
- підготували тексти й основні смислові повідомлення;
- створили адаптивний дизайн для desktop і mobile;
- реалізували головну сторінку, каталог, картку об’єкта та інформаційні розділи;
- налаштували автоматичне завантаження об’єктів із Realt Soft CRM через API;
- додали пошук і фільтрацію нерухомості;
- доопрацювали картку об’єкта: характеристики, схожі пропозиції, опис, що розгортається, і запис на перегляд через Telegram;
- розробили адміністративну панель для керування текстами, фотографіями, заголовками та сторінками;
- додали багатомовність;
- використали SPA для роботи інтерфейсу та SSR для SEO;
- провели адаптацію і тестування сайту перед запуском.
Результат
Замість обмеженої WordPress-теми клієнт отримав індивідуальний сайт-каталог, розрахований на велику базу нерухомості та подальше розширення функціональності.
Співробітники можуть самостійно керувати контентом через кастомну адміністративну панель, а дані про об’єкти автоматично надходять із Realt Soft CRM.
Нова архітектура дає змогу розвивати каталог, користувацькі сценарії та інформаційні сторінки без прив’язки до обмежень готової теми.
