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Два языка интерфейса

Хотите такой же проект?

Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.

Ответим в течение рабочего дня
Написать нам