Сайт-каталог і CRM система для агентства нерухомості M2 Group

Сайт-каталог нерухомості з CRM системою та наповненням каталогу через ШІ-асистента для агентства M2 Group (Київ).

m2group.com.ua
Головна сторінка сайту агентства нерухомості M2 Group у вікні браузера
Категорія
Сайти-каталоги / CRM системи · 2026
Терміни розробки
2,5 місяці
Клієнт

Про клієнта

M2 Group — агентство нерухомості повного циклу з Києва. Команда допомагає купити, продати або орендувати квартиру, будинок, таунхаус чи комерційне приміщення в Києві та передмісті — Ірпені, Бучі, Борисполі — і супроводжує угоду від першого підбору до підписання договору. До запуску проєкту об'єкти зберігались в Excel і месенджерах, кожну картку для сайту доводилося заповнювати вручну, а заявки з різних каналів губилися: не було єдиного місця, де видно клієнта, його запит і запропоновані об'єкти.

Каталог нерухомості M2 Group з фільтрами за типом угоди, містом, кімнатами й ціною
Каталог нерухомості M2 Group з фільтрами за типом угоди, містом, кімнатами й ціною
Картка об'єкта: характеристики, варіанти квартир з цінами в гривнях і доларах та контакт менеджера
Картка об'єкта: характеристики, варіанти квартир з цінами в гривнях і доларах та контакт менеджера
Блок категорій на головній: будинки, квартири, таунхауси з кількістю об'єктів
Блок категорій на головній: будинки, квартири, таунхауси з кількістю об'єктів
Цілі та завдання

Цілі і задачі

Замінити Excel і месенджери єдиною системою: публічний каталог для клієнтів і CRM для рієлторів, пов'язані між собою, плюс швидкий спосіб додавати об'єкти без ручного заповнення десятків полів.

01

Сайт-каталог з нуля

Спроєктувати й намалювати каталог нерухомості з фільтрами, картою та картками об'єктів.
02

Гнучкий довідник

Категорії, характеристики, міста, райони й ЖК, які агентство налаштовує саме, без програміста.
03

CRM для рієлторів

Воронки покупців/орендарів і власників, підбір об'єктів і покази в одній картці.
04

Жодної загубленої заявки

Автоматично перетворювати заявки з сайту на ліди з джерелом і UTM-мітками.
05

Наповнення через ШІ

Дати рієлторам можливість додавати й редагувати об'єкти через ШІ-асистента.
06

Ціни й фото

Показувати ціни в гривнях за актуальним курсом і захистити фото вотермарком.
Що ми зробили

Ключові рішення проєкту

Наповнення каталогу через ШІ-асистента

Головна перевага проєкту. Рієлтор пише об'єкт звичайними словами в ChatGPT, Claude чи Gemini (або запускає сценарій n8n) — асистент через захищений REST API каталогу сам визначає категорію, місто, район і ЖК, заповнює характеристики для фільтрів, пише назву й опис українською та російською, формує SEO title і description. Новий ЖК чи район, якого ще немає в довіднику, створюється автоматично, а у відповіді асистент повідомляє, чого бракує (наприклад, фото). Об'єкт потрапляє в CRM чернеткою — публікує його людина після перевірки. Так само через асистента можна знайти об'єкт за «№ у базі» і змінити ціну чи статус.

Схема наповнення каталогу M2 Group через ШІ-асистента: запит рієлтора, виклик API і чернетка в CRM

Об'єкти від ШІ — у звичній адмінці

Усе, що створив асистент, рієлтор бачить у списку об'єктів CRM поруч з об'єктами, доданими вручну: пошук за назвою, адресою чи «№ у базі», фільтри за категорією, містом і статусом, кількість фото й переглядів. Об'єкти без фото видно одразу — у колонці «Фото» стоїть «немає», і рієлтор знає, кому ще треба додати знімки перед публікацією.

Список об'єктів нерухомості в CRM M2 Group з пошуком, фільтрами, цінами й статусами

Фото: вотермарк і оптимізація під час завантаження

Рієлтор просто перетягує фото з телефона чи камери — до 25 МБ кожне, кілька одразу. Далі все робить сервер: повертає знімок за EXIF-орієнтацією, переводить CMYK у sRGB, зменшує до 2000 px по довшій стороні, накладає напівпрозорий логотип M2 Group по центру (60% ширини, не вище 30% висоти кадру) і зберігає у WebP без метаданих — геолокація й дані камери на сайт не потрапляють. Для карток каталогу окремо готується легке превʼю на 900 px, для соцмереж і месенджерів при першому показі сторінки генерується og:image 1200×630 у JPEG. Оригінали без вотермарку зберігаються в закритій від вебу папці: якщо агентство змінить логотип, усі фото перезбираються без повторного завантаження. Порядок фото змінюється перетягуванням (перше — обкладинка), а кнопка «Скачати всі (zip)» віддає архів для розміщення на інших майданчиках — уже з вотермарком.

Блок «Фото» у формі об'єкта CRM: завантаження перетягуванням, фото з вотермарком M2 Group, обкладинка і завантаження zip

Характеристики й фільтри під кожну категорію

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

Форма об'єкта в CRM: характеристики будинку — кімнати, площа, тип стін, опалення, ремонт, автономне живлення

CRM система для агентства нерухомості: дві воронки угод

Покупці й орендарі проходять свою воронку — від «Новий» через підбір, показ і переговори до завдатку й закритої угоди, а власники — свою: огляд і оцінка, договір, об'єкт у каталозі, продано чи здано. Кожна форма сайту знає, у яку воронку йде заявка: «Отримати оцінку» на сторінці «Продати» створює ліда-власника. У картці ліда видно, з якої сторінки прийшла заявка, джерело й UTM-мітки (перший дотик зберігається 30 днів, новий рекламний клік його перезаписує), а повідомлення про заявку одразу приходить кільком менеджерам у Telegram. При відмові CRM просить вказати причину.

Картка ліда в CRM: контакти клієнта, сторінка заявки з UTM-мітками, воронка, тип угоди та джерело

Як влаштований канбан лідів у CRM

Ліди відкриваються канбан-дошкою на Vue.js: колонка — етап воронки, картка — лід. На картці одразу видно номер, ім'я, телефон, суть запиту і бейджі: оренда чи купівля, бюджет, джерело, дата наступного контакту й показу, кількість запропонованих об'єктів і файлів. Дата контакту підсвічується кольором — прострочене видно без відкриття картки. Етап змінюється перетягуванням (vuedraggable на SortableJS): CRM одразу зберігає новий етап і порядок карток у колонці, пише подію в історію клієнта, а якщо лід перетягнули у «Відмову» — відкриває картку й просить вказати причину. Над дошкою — перемикач воронок «Покупці та орендарі» / «Власники», фільтри за типом угоди й джерелом, пошук за №, ім'ям чи телефоном і кнопка «На сьогодні» зі списком показів і дзвінків на сьогодні. Закриті угоди тримаються на дошці 60 днів, щоб не захаращувати колонки, старіші — через пошук або вигляд «Списком»; вибрана воронка й вигляд запам'ятовуються.

Канбан-дошка лідів у CRM агентства нерухомості: етапи воронки покупців, картки з джерелом і датами

Підбір об'єктів і покази в картці ліда

Рієлтор додає до ліда об'єкти з каталогу пошуком за назвою, адресою чи «№ у базі» і веде статус кожного: заявка з сайту, запропоновано, показано, сподобався, не підійшов. Тут же призначаються покази на об'єкт або довільну адресу, прикріплюються файли (договори, документи), а вся історія дзвінків і коментарів зберігається в картці клієнта — новий менеджер підхоплює угоду без розпитувань.

Блок «Об'єкти для клієнта» в картці ліда: запропоновані квартири зі статусами та призначення показу

Єдина база клієнтів без дублів

Телефон з будь-якого формату (0…, 80…, +38…) приводиться до одного виду, тож повторна заявка того самого клієнта не створює дубль: CRM знаходить його за телефоном або e-mail, дописує лише порожні поля й додає новий тип — покупець, орендар чи власник. У списку видно джерело, кількість лідів у роботі й файли, а з картки клієнта можна перейти до будь-якої його угоди.

Список клієнтів у CRM агентства нерухомості: контакти, типи клієнта, джерело, ліди в роботі

Каталог на карті з автоматичними пінами

Каталог перемикається між списком і картою (Leaflet + CARTO): об'єкти групуються в кластери, а на пінах видно ціну. Координати не треба шукати вручну — пін ставиться за адресою під час збереження, у тому числі для об'єктів, створених ШІ-асистентом. Якщо геокодер помилився, рієлтор перетягує пін у формі об'єкта.

Каталог нерухомості M2 Group на карті Києва та передмістя з кластерами об'єктів і цінами

Ціни в гривнях за курсом ПриватБанку

Рієлтори вносять ціну в доларах, а сайт показує її ще й у гривнях за безготівковим курсом ПриватБанку, який оновлюється щодня; у фільтрі каталогу можна перемкнути валюту. Рекомендовані об'єкти для головної сторінки позначаються одним перемикачем у CRM, а плашки «Знижка» та інші лейбли — вибором зі списку.

Блок «Рекомендовані пропозиції» на головній: картки об'єктів з цінами в гривнях і доларах та вотермарком на фото
Результат

Результат

Агентство отримало сайт-каталог і CRM в одній системі на нашій CMF Atom: об'єкт, створений у CRM, одразу з'являється в каталозі й на карті, а заявка з картки об'єкта — у воронці лідів разом з цим об'єктом, джерелом і UTM-мітками. Нові об'єкти рієлтор додає через ШІ-асистента: опис, характеристики, SEO-теги й пін на карті формуються автоматично, людині лишається додати фото та опублікувати.

  • Технічне завдання2 тижні
  • Дизайн з нуля під ключ1 місяць
  • Верстка2 дні
  • Програмування сайту, CRM і API каталогу2 тижні
  • Терміни розробки2,5 місяці
Команда
  • Проджект-менеджер / аналітик
  • UI/UX-дизайнер
  • Верстальник
  • Бекенд-розробник
Технології
  • PHP 8.2
  • CodeIgniter 4
  • CMF Atom
  • MySQL
  • Vue.js
  • Bootstrap
  • HTML
  • CSS
  • JavaScript
  • REST API
  • OpenAPI
  • Leaflet
  • CARTO
  • Telegram Bot API

Сторінки сайту та CRM

the end.

На цьому все, але ми будемо раді попрацювати над вашим проєктом!

Telegram
Написати в Telegram Відповімо за 5 хвилин