Про проєкт
У 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.
Нова архітектура дозволяє розвивати каталог, користувацькі сценарії та інформаційні сторінки без прив’язки до обмежень готової теми.
