not the same
● Real estate · Kharkiv, Kyiv

SoftLoft: a real estate agency website with portal feeds and scrapers

SoftLoft is a real estate agency in Kharkiv and Kyiv that rents out and sells flats, houses and commercial property. We built the website with listings, filters and a map, exports of the agency's properties to DOM.RIA, Rieltor.ua, OLX and domik.ua via XML feeds and APIs, and scrapers that collect listings from OLX and other sites.

Client
SoftLoft real estate agency, Kharkiv and Kyiv
What we did
Design, website development, exports to DOM.RIA, Rieltor.ua, OLX and domik.ua (XML feeds and APIs), listing scrapers
Stack
Laravel, PHP, Vue.js, jQuery, Leaflet
Website
an-softloft.com
Project SoftLoft
01 About the project

The agency keeps its own property database: each flat is added after a call with the owner, and clients are promised a move after just a few viewings. The site had to show only current listings, make it easy to search by district, metro station and price, and lead straight to booking a viewing. The other half of the job was to stop entering the same property in several places: the site exports listings to DOM.RIA, Rieltor.ua, OLX and domik.ua, each through a separate integration built to that portal's rules, and scrapers pull new ads from OLX and other sites so agents reach owners sooner.

What we did
UX/UI designLaravel developmentListings with filters and mapXML feeds and API exports to 4 portalsOLX listing scrapersOwner submission formLanguages and currencies
Technologies
LaravelVue.jsUI/UXXML feedsAPI integrationsOLX parsers
02 Design

Visual style

A calm teal for buttons and active filters, graphite text and light backgrounds, so the flat photos stay in focus.

Teal, buttons and accents
#4BBCC5
Graphite, text
#3D3D3D
Dark, footer
#252525
Peach background
#FFF2ED
Light teal background
#ECFAFB
FontsLato
03 Screens

Home and listings

The first screen is a search with Rent, Buy, Let and Sell tabs and filters for rooms, budget, type, district and metro. Below it are listings updated in the last hour. Rent and sale catalogues share one layout: filters on top, cards on the left, a price map on the right.

Home
Flats for sale
Flats for sale
04 Mobile version

Mobile version

On a phone the search stays on the first screen, filters and sorting open from separate buttons, and the map is one tap away on a floating button.

Home
Home
Rentals
Rentals
Property page
Property page
05 Task

Goals

  • 01Fast property searchFilter by district, neighbourhood, metro, type, rooms and price, and show results on a map.
  • 02One database, four portalsExport the agency's listings to DOM.RIA, Rieltor.ua, OLX and domik.ua without manual re-entry, even though every portal has its own format and required fields.
  • 03A steady flow of new listingsCollect ads from OLX and other sites with scrapers so agents contact owners sooner.
  • 04Leads from tenants and ownersBook viewings from the property page and accept properties for sale or rent through a step-by-step form.
  • 05Two cities, two languagesSwitch between Kharkiv and Kyiv, the interface language, and prices in hryvnia, dollars or euros.
06 Key solutions

Key solutions

Listings with filters and a map
Solution 01

Listings with filters and a map

Filters for video tours, new builds, no-commission offers, district, neighbourhood, type, rooms, price and metro. On the right is an OpenStreetMap map with prices on the pins, a currency switch and sorting. Districts, metro stations and room counts also get their own landing pages.

Property page
Solution 02

Property page

Photo gallery, property ID, residential complex, building type, area, floor, layout, amenities, payment terms and a map. Next to it are the price, a Book a viewing button, favourites and messenger contacts; similar properties follow below.

Solution 03

Exports to DOM.RIA, Rieltor.ua, OLX and domik.ua

Each portal got its own integration built to its requirements: an XML feed for some, an API exchange for others. The portals differ in required fields, district and property-type lists and photo rules, so fields from the agency database are mapped to each portal separately. Agents edit a property once and every ad gets the update.

Solution 04

Listing scrapers

Scrapers collect new ads from OLX and other sites, so agents see fresh offers from owners and grow the database faster.

Owner submission
Solution 05

Owner submission

The Sell / Let section is a five-step form: property type, location, description, price and confirmation.

Solution 06

Favourites, messengers and account

Saved and recently viewed properties, city, language and currency switches, Telegram, Viber and WhatsApp buttons, Telegram and Viber chatbots, video reviews and a personal account on its own subdomain.

07 Stack

Integrations and stack

LaravelPHPVue.jsjQueryLeaflet and OpenStreetMapPortal XML feedsDOM.RIA exportRieltor.ua exportOLX exportdomik.ua exportPortal API exchangeOLX listing scraperScrapers for other sitesTelegram and Viber botsUAH / USD / EUR pricesTwo interface languages

Want a project like this?

Describe your task – within one business day we'll reply with questions and a rough timeline estimate.

We’ll reply within one business day
Message us