The Mabel Plaza website in a browser and on a phone: the building photo and apartment filters on desktop, the filtered list of apartments on mobile.

Mabel Plaza

An apartment sales website with a fast, filterable picker

A sales website for Mabel Plaza, a residential complex in Zagreb: filter apartments by rooms, outdoor space, size and garage, then open a unit's plan and send an inquiry in a couple of clicks.

Mabel Plaza is a residential complex in Sveti Duh, Zagreb. Its website had one job: help buyers find the right apartment quickly, and make it easy to ask about it.

Three phones showing the home page, the filterable list and a unit detail view.

Find your apartment in a few clicks

The picker sits right under the hero. Buyers filter by number of rooms, outdoor space (terrace, balcony or garden), size and garage, and the list updates instantly, grouped by floor with a live count of what's still available.

The apartment picker: filters for rooms, outdoor space, size and garage above a list of units grouped by floor, with one unit highlighted.

Every unit, one tap away

Each unit opens into a detail view with its floor plan, where it sits in the building, its areas and price per square meter, and a button to send an inquiry with the unit already filled in. Sold units say so, and suggest similar ones that are still available.

A unit detail view with price per square meter, areas, a diagram of its position in the building and the floor plan.
Close-up of a floor plan in the unit view, with every room labelled with its area and the entrance marked by an arrow.

The rest of the story

Around the picker, the site covers the complex itself, the neighbourhood and its amenities, with a photo gallery and a map.

The inquiry pop-up over a unit's details. The About section with a photo gallery of the complex. Amenities nearby and a map of the location.
Built with
  • React
  • Illustrator
DesignWebsite