← All case studies

Client story

500+ apartments, one map that filters them all.

A custom-coded component on 1:37's existing Framer website that shows every building and apartment on a Mapbox map, with live availability and filters.

Client1:37
IndustryReal estate
ProjectInteractive property map
StackFramer code component, Mapbox, Framer CMS
137.lv/ipasumi
1:37 property search: list of apartments with filters on the left, Mapbox map of Riga with clustered property markers on the right
561Properties on one mapLive count on 137.lv at time of writing
7Filters plus free-text searchPrice, rooms, type, availability, deal, district, offered by 1:37
1 → 50Apartments per building recordOne-to-many CMS, each unit available, reserved or sold
01 · Problem

A portfolio too big to browse as a list.

After the move to Framer, 1:37 had more than 500 apartments on the site. A single building could hold 50 of them, some already reserved or sold. Visitors had no way to see where properties were, or what was still available in a building, without opening listings one by one.

Framer had no native API for this at the time, and its built-in components couldn't handle one-to-many collections with filters on a map.

Building 1 record Apt 1 · available Apt 2 · reserved Apt 3 · sold Apt 4 · available … up to 50 on the map
The data shape the map had to handle.
02 · What we built

A custom component inside the site they already had.

01

Mapbox property map

Every property placed on the map, with markers grouped into numbered clusters as you zoom out.

02

Filter logic

Search plus seven filters that update the list and the map together, including availability per apartment.

03

One-to-many data

Buildings and their apartments read as linked records, so a building shows what's still available inside it.

04

Desktop and mobile views

List and map side by side on desktop; a map/list switch on mobile, with its own layout logic.

05 · The workaround

CMS export and an upload form, in place of an API

With no native Framer API at the time, we used the CMS file export. The team exports the collections and drops the file into a simple upload form; the map component syncs from it.

Framer CMS Export file Upload form Map component
03 · Results

The whole portfolio, readable at a glance.

Visitors find properties by area on the map instead of paging through a list.
Reserved and sold units are filtered out, so buyers only see what they can still get.
The team keeps editing listings in Framer CMS as before; the map updates from the upload.
Built on top of the existing site, without another migration.

Your website has a gap like this?

Start with a free Process Mapping. We find where the site stops doing its job and what it would take to close the gap.

7 of 10 free places left
Pick a time for your qualification call
Free · about 5 minutes

Get a custom map of your company.

Add your website and answer a few questions. You get a PDF with where your team loses hours, what to build first and a 3-month product roadmap.

  • Written for your company, from your public website
  • Hours and yearly value per opportunity
  • Work email only, no sales sequence
Start the questionnaireSee an example report