Cendana Hills Residence Website

Residential cluster website with house types, an interactive site plan, KPR partners, and site-visit booking.

Open Live Preview

Industry

Real Estate & Residential Property

Timeline

1 week

Package Used

A website with clear structure and navigation, for a small business going online for the first time

This is a demo website I built on my own as a sample, not paid client work. The business name is illustrative. The live preview above is the real build.

About This Website

Residential cluster website with house types, an interactive site plan, KPR partners, and site-visit booking.

Notes Behind This Demo

Cendana Hills is a fictional housing cluster in Sentul. The buyer I pictured is a family looking at several places to live. They want to compare house types and prices, then check which units are still available before setting aside a weekend for a site visit.

Three design decisions

The unit map uses both a color and an icon for each of three statuses: available, booking in progress, and sold. The filter buttons double as the legend, so visitors who have trouble telling colors apart can still read the status from the icon.
Picking a unit opens a side panel with its type, land and building area, price, and a WhatsApp button whose message already names the unit code. The sales team knows at once which unit is being asked about, and the buyer only has to press send.
I kept the FAQ to legal status and handover: SHM or HGB title, the steps from booking to signing, costs on top of the sale price, and warranty. These questions tend to come up right before someone pays a booking fee, so the answers sit on the same page as the prices.

I filled in each unit status by hand in the code. If the sales team needs to change a status themselves whenever a unit sells, that takes an admin panel backed by a database, available in Enterprise from Rp 15.000.000 with a one-hour Zoom training on the panel. House type pages and an FAQ like these are covered by Starter.