Greenfield Properties
Real Estate Website
Greenfield Properties is a listing site built for the way buyers actually narrow a search — locality first, budget second, list and map answering together. The brief was discovery that ends somewhere: every path through the listings finishes within reach of an enquiry.
Designed & developed by Entrovix
- Year
- 2025
- Discipline
- Real EstateUX DesignEngineering
- Services
- UX/UI DesignFull-stack EngineeringSearch & DiscoveryMap Integration
- Built with
- ReactNode.jsPostGISMapbox GL
The Challenge
Half list, half map, one question
A buyer narrowing on a property does two things at once — scans prices and sizes in a list while holding a mental map of which localities are acceptable. Most listing sites make those separate modes and lose the thread every time somebody switches.
Filters were the second half of the problem. People narrow by locality, budget and BHK, in that order, and a filter bar built from database fields instead of that habit turns every search into translation work.
The Approach
How we worked
One result set, two readings
The list and the map are views of the same query, never siblings that drift. Adjust a filter and both respond; pass over a card and its marker answers on the map.
Filters in the buyer's own words
Location, a price range and BHK chips sit in the bar because that is the vocabulary of the search. Anything the interface names differently, a buyer has to translate.
Price where the eyes already are
Markers on the map carry a price pill, so panning across a neighbourhood is already a comparison rather than a set of clicks waiting to happen.
Discovery that ends somewhere
Browsing is only half the job. Each listing card and each map state keeps an enquiry within reach, because a search that ends nowhere serves nobody.
The Solution
A page that answers in both halves
The search page splits: listing cards on one side with price, size and locality readable at a glance; a half-width map on the other with markers and a price pill following the pointer. Neither pane summarises the other — they are the same answer twice.
The filter bar above holds the whole grammar of the search — location, price, BHK chips — and every change replays instantly through both panes, so narrowing feels like one continuous gesture rather than a series of submissions.
Inside the product
What it actually does
Every Screen
One product, whatever it is opened on
The phone layout is not the desktop one squeezed down. Density, hit areas and reading order are decided per screen, and the interface keeps its meaning at both ends.
Capability
What we brought to Greenfield Properties
The same services are available on their own — each one links to what it involves, how it runs and what you get.
Built with
- React
- Node.js
- PostGIS
- Mapbox GL
Disciplines
Real Estate · UX Design · Engineering
The Outcome
What it settled
- List and map read from one query and cannot drift apart
- Filters speak locality, budget and BHK — the buyer's grammar
- Prices legible on the map without opening a single card
- An enquiry path within reach from every listing state
That was some of our work
Now let’s talk about yours.
Tell us what you’re building. You’ll get a written plan, a clear proposal, and a team that shows its work every week.