not the same
● Нерухомість · Харків, Київ

SoftLoft: сайт агенції нерухомості з вивантаженнями та парсерами

SoftLoft – агенція нерухомості в Харкові та Києві: оренда, купівля і продаж квартир, будинків і комерційних об'єктів. Ми зробили сайт з каталогом, фільтрами й картою, вивантаження об'єктів на DOM.RIA, Rieltor.ua, OLX і domik.ua через XML-фіди та API, а також парсери оголошень з OLX та інших сайтів.

Клієнт
Агенція нерухомості SoftLoft, Харків і Київ
Що зробили
Дизайн, розробка сайту, вивантаження на DOM.RIA, Rieltor.ua, OLX і domik.ua (XML-фіди та API), парсери оголошень
Стек
Laravel, PHP, Vue.js, jQuery, Leaflet
Сайт
an-softloft.com
Проєкт SoftLoft
01 Про проєкт

Агенція працює з власною базою: кожну квартиру додають після розмови з власником, а клієнту обіцяють переїзд після кількох переглядів. Сайт мав показувати лише актуальні об'єкти, давати зручний пошук за районом, метро й ціною та одразу вести до запису на перегляд. Друга частина задачі – не вносити об'єкти вручну в кілька місць: сайт сам вивантажує їх на DOM.RIA, Rieltor.ua, OLX і domik.ua, для кожного майданчика – окремою інтеграцією за його вимогами, а парсери збирають нові оголошення з OLX та інших сайтів, щоб агенти швидше знаходили власників.

Що зробили
UX/UI-дизайнРозробка на LaravelКаталог з фільтрами й картоюXML-фіди та API-вивантаження на 4 майданчикиПарсери оголошень OLXФорма подачі об'єктаМультимовність і валюти
Технології
LaravelVue.jsUI/UXXML feedsAPI integrationsOLX parsers
02 Дизайн

Стиль

Спокійний бірюзовий для кнопок і активних фільтрів, графітовий текст і світлі фони, щоб головними лишалися фото квартир.

Бірюзовий, кнопки й акценти
#4BBCC5
Графіт, текст
#3D3D3D
Темний, підвал
#252525
Персиковий фон
#FFF2ED
Світло-бірюзовий фон
#ECFAFB
ШрифтиLato
03 Екрани

Головна і каталог

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

Головна
Продаж квартир
Продаж квартир
04 Мобільна версія

Мобільна версія

На телефоні пошук лишається на першому екрані, фільтри й сортування відкриваються окремими кнопками, а карта – плаваючою кнопкою над списком.

Головна
Головна
Каталог оренди
Каталог оренди
Картка об'єкта
Картка об'єкта
05 Завдання

Завдання

  • 01Швидкий пошук житлаДати фільтри за районом, мікрорайоном, метро, типом, кімнатністю й ціною та показати об'єкти на карті.
  • 02Одна база – чотири майданчикиВивантажувати об'єкти агенції на DOM.RIA, Rieltor.ua, OLX і domik.ua без ручного дублювання, враховуючи, що в кожного майданчика свій формат і свої обов'язкові поля.
  • 03Потік нових об'єктівЗбирати оголошення з OLX та інших сайтів парсерами, щоб агенти швидше виходили на власників.
  • 04Заявки від власників і орендарівЗаписувати на перегляд з картки об'єкта й приймати об'єкти на продаж чи оренду через покрокову форму.
  • 05Два міста й дві мовиПеремикати Харків і Київ, мову інтерфейсу та валюту цін: гривня, долар або євро.
06 Ключові рішення

Ключові рішення

Каталог з фільтрами й картою
Рішення 01

Каталог з фільтрами й картою

Фільтри за відеооглядом, новобудовами, об'єктами без комісії, районом, мікрорайоном, типом, кімнатністю, ціною та метро. Праворуч – карта OpenStreetMap з цінами на мітках, перемикач валют і сортування. Для районів, метро й кімнатності є окремі посадкові сторінки.

Картка об'єкта
Рішення 02

Картка об'єкта

Галерея фото, номер об'єкта, житловий комплекс, тип забудови, площа, поверх, планування, зручності, умови оплати й розташування на карті. Поруч – ціна, кнопка запису на перегляд, обране й зв'язок у месенджерах, нижче – схожі об'єкти.

Рішення 03

Вивантаження на DOM.RIA, Rieltor.ua, OLX і domik.ua

Для кожного майданчика зроблено окрему інтеграцію за його вимогами: десь XML-фід, десь обмін через API. У майданчиків різні обов'язкові поля, довідники районів, типів об'єктів і формати фото, тож поля з бази агенції зіставляються з полями кожного майданчика окремо. Агенти ведуть об'єкт в одному місці, а зміни потрапляють в усі оголошення.

Рішення 04

Парсери оголошень

Парсери збирають нові оголошення з OLX та інших сайтів, щоб агенти бачили свіжі пропозиції власників і швидше поповнювали базу.

Подача об'єкта власником
Рішення 05

Подача об'єкта власником

Розділ «Продати / Здати» – покрокова форма з п'яти кроків: тип нерухомості, розташування, опис, ціна й підтвердження.

Рішення 06

Обране, месенджери й кабінет

Обрані та переглянуті об'єкти, вибір міста, мови й валюти, кнопки Telegram, Viber і WhatsApp, чат-боти в Telegram і Viber, відгуки з відео та особистий кабінет на окремому піддомені.

07 Стек

Інтеграції та стек

LaravelPHPVue.jsjQueryLeaflet і OpenStreetMapXML-фіди майданчиківВивантаження на DOM.RIAВивантаження на Rieltor.uaВивантаження на OLXВивантаження на domik.uaОбмін через API майданчиківПарсер оголошень OLXПарсери інших сайтівTelegram- і Viber-ботиМультивалютність UAH / USD / EURДві мови інтерфейсу

Хочете такий самий проєкт?

Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.

Відповімо протягом робочого дня
Написати нам