Case Study — CityScope

Turning property search into spatial decision-making.

Most property platforms treat the city as a catalogue of listings. CityScope takes the opposite view: the map is the product. A property is understood in relation to commute, infrastructure, pricing, neighbourhoods and what the area is becoming—not in isolation.

What is this? What is around it? How confident should I be?

Role

Product Design · UX ·
Interaction Design

Platform

Web

Stack

Next.js · React · TypeScript ·
MapLibre · Turf.js · Zustand · PostGIS

Type

Spatial decision system

Scroll

02 — The problem

Buying a property is rarely just about the property.

A ₹1 Cr apartment can look attractive on a listing page. But its real value depends on questions the listing never answers:

How far from my office?

The property’s worth is bound to a commute that no listing photo shows.

What infrastructure is confirmed?

A promised metro line and an operational one are not the same asset.

How does the price compare?

₹/sq.ft only means something against the surrounding area.

What will this become?

The neighbourhood in a few years is part of the decision today.

Existing platforms make people stitch this together themselves—jumping between listings, maps, news and infrastructure pages to reconstruct a picture the product should have given them.

The information exists. It just doesn’t live in the same place, or speak the same language.

03 — The idea

Make every piece of city information an entity on one living map.

Properties, metro stations, IT parks, lakes, hospitals, government projects—even news events—become part of the same spatial system. Nothing is a static page; everything is a place you can point at.

Clicking any entity opens a consistent bottom-sheet experience, so the interaction to learn about a lake is the same as the interaction to learn about a tender. That consistency lets a user move fluidly:

What is this? What is around it? How confident should I be?

The map stops being a way to view listings and becomes the interface to the city itself.

04 — Designing for confidence

Separating what exists today from what might exist tomorrow.

The most valuable—and most abused—word in property is “upcoming.” A speculative promise and a confirmed advantage look identical on a brochure. CityScope refuses to let them look identical. Every piece of infrastructure carries a confidence lifecycle:

01Proposal
02Approved
03Tender
04Construction
05Operational

The same axis every infrastructure entity is measured on—so a buyer can tell a genuine advantage from a hopeful one at a glance.

“Show the promise, but never let it wear the costume of a fact.”

05 — Ways of seeing the city

One map, several lenses.

A single base map can’t answer every question, so CityScope layers different ways of reading the same space. Each lens turns the map into an argument about a specific decision.

Price heatmap

Understand ₹/sq.ft across areas—where you’re paying for the place, and where for the postcode.

Confidence heatmap

See where confirmed infrastructure is actually concentrated, not merely announced.

Commute rings

Evaluate properties as bands of travel time drawn around your office.

Influence radius

Understand the real catchment of a station, park or hospital—its reach, not its dot.

Project density

Identify areas experiencing genuine residential growth versus isolated launches.

Entity bottom-sheet

The consistent detail surface behind every lens—what it is, what’s around it, how sure to be.

06 — From listing platform to decision system

Changing the question the product answers.

CityScope is, at its core, an experiment in changing a mental model. Property search has trained people to ask one question—and it’s the wrong one to start with.

“Which property should I buy?” “Which part of the city makes the most sense for me?”

That shift turns property discovery from a listing-browsing exercise into a spatial decision-making experience—the buyer reasons about the city first, and the property falls out of that reasoning as a consequence.

07 — Reflection

The map was never the feature. It was the argument.

Building CityScope reinforced that the hardest design work was deciding what deserved to be an entity, how confidence should be expressed without a paragraph of caveats, and when to switch from showing a place to helping someone judge it. The interface was the last mile of a stance about how people should decide where to live.

Don’t answer “which property?” Help someone answer “which part of the city?”
Want the full walkthrough with screens? Book a call