Concept prototypeProperty developer sales system and owner portal

Clearstory Homes

A property developer’s launch website with every unit and price live, online reservation with nothing to pay, a sales system, a co-broke agent portal and an owner portal that bills by construction stage.

Click through the prototype Discuss a project like this

448

Homes on one live board

Connected roles

Of 48 top-site features built

clearstory-homes-kzaj.perfectdesign.app

Clearstory Homes — Property developer sales system and owner portal

The brief

Developer websites stop at a “From RM…” price and a register-interest form. Availability sits with the sales team, agents ask for it on WhatsApp, and owners chase progress bills, key dates and defect repairs by phone.

What we shipped

A launch website with live availability, a full price list, a loan estimate, online reservation and gallery visits; a sales system with holds, bookings, loan tracking and SPA signing; a mobile co-broke agent portal; an owner portal with stage bills, progress, documents, keys and defects; customer care; and a management dashboard for sales and collections.

Built for: Property developers selling high-rise and landed launches, with their sales teams, co-broke agents and purchasers.

Inside the build

Every part, and what it does

A closer look at what was actually built — screen by screen, so you can judge the depth for yourself.

For buyers3

Live unit availability

Buyers pick a tower, floor and unit on the same board the sales team and agents use, with each unit’s status, size, facing and price.

Filter by type, budget and facing
Price with the launch rebate shown
Shortlist and compare up to three units

Reserve online, nothing to pay

A buyer reserves a unit online and pays nothing. Malaysian rules allow no booking fee before the SPA, so the first 10 % is billed when it is signed.

Unit held for 24 hours, then released
Price locked for the hold
Bumiputera lots checked before review

Gallery visits

Buyers book a sales-gallery visit for a day and time with places left, and the visit lands on the sales team’s schedule.

Ten days of times with places left
Calendar file on confirmation
Map, address and opening hours

Sales and agents3

The sales team’s day

Gallery visits, holds about to lapse, new leads and SPA signings due, on one screen for the sales lead.

Holds counting down, with book or release
Gallery check-ins
New leads and declined loans flagged

Booking to SPA

One record per booking from documents to signing. The SPA cannot be signed until the required documents are in, and the price stays as booked.

Document checklist before signing
Loan tracker to the letter of offer
Signing target 14 days after booking

Co-broke agent portal

Agents register a buyer first, then hold units and follow their sales and commission from the same live data, on their phone.

30-day protection for each buyer
Agent holds on live units
Commission pending, earned and approved

Owners and handover3

Bills by construction stage

Owners see every bill on the statutory schedule, split between their own share and the bank’s, and pay theirs online (demo).

Owner and bank shares on each bill
FPX or DuitNow (demo)
The full Schedule H or G

Construction progress

Site photos, the stages the architect has certified, and the date the keys are due, with late-delivery damages explained.

Certified stages tracked
Site photo updates
Key date and late-delivery damages

Defect desk

Customer care tracks each defect from the owner’s report to repair and the owner’s sign-off, against the 30-day repair limit.

30-day repair clock
Contractor visits booked
Retention held while defects are open

Running the developer2

Sales and collections

Revenue booked, take-up by tower and type, sales pace, the loan funnel and overdue bills, read from the same records as every other role.

Take-up by tower and type
Sales pace and loan funnel
Overdue bills by age

Certify a stage, bill everyone

One certification, backed by the architect’s certificate number, issues the matching bill to every purchaser in the tower, due in 30 days.

Certificate number required
Bills and total previewed first
Late charges after 30 days

Click through it yourself

Every screen above is interactive. No sign-up, nothing to install.

Click through the prototype

Behind the build

Researched first, then built

Before designing anything, we studied 14 sites and products: eight Malaysian developers, three developers in the UK, the UAE and Australia, and three developer sales systems. Nothing was copied. Each finding below changed a decision.

Studied (14)

Sunway Property
S P Setia
Eco World
Mah Sing
Gamuda Land
UEM Sunrise
Sime Darby Property
Exsim
Berkeley Group
Emaar
Mirvac
MHub
ShowSuite
Sell.Do

What we saw

What Clearstory Homes does

What we saw
Malaysian developer sites show a “From RM…” price and a register-interest form. Availability and unit prices stay with the sales team.
What Clearstory Homes does
A public live availability board and a full price list, read from the same unit records the sales team uses.
What we saw
Eco World sells online, but Malaysian rules forbid taking any payment before the SPA.
What Clearstory Homes does
Online reservation with nothing to pay. The first 10 % is billed when the SPA is signed.
What we saw
Developer sales systems are sold on preventing double bookings on launch day.
What Clearstory Homes does
One record per unit. A hold by a buyer, the sales team or an agent locks it everywhere and lapses on its own.
What we saw
Developer billing systems exist because progress bills are prepared by hand and sent at the wrong time.
What Clearstory Homes does
Certifying a stage with the architect’s certificate bills every affected purchaser, due in 30 days, with late charges after that.
What we saw
Purchaser apps cover progress, billing, key collection and defects, yet app reviews complain that owners cannot change their own email.
What Clearstory Homes does
One owner portal with all of those, where owners update their own contact details.
What we saw
Commission disputes come from changing rates and from paying before the SPA.
What Clearstory Homes does
Commission is locked per booking, earned after the SPA and the first 10 %, and approved by management, and the agent sees each step.
What we saw
Malaysian adverts must carry licence and permit details and may not claim views, free legal fees or travel times.
What Clearstory Homes does
A particulars panel on every launch page, distances instead of minutes, and a package editor that blocks banned claims.

Feature checklist

43 of the 48 features the leading sites offer

We listed every feature we found across the 14 sites and products above. Clearstory Homes has 43 of them; the 5 left out are listed with the reason.

Launch website12

Search by location, type, price and bedrooms
Project cards with sale-status badges
“From RM” prices with the full range
Key-facts strip
Highlights
Gallery with “Artist’s impression” captions
Unit types and floor plans
Loan calculator
Location map and distances
E-brochure
Licence and advertising-permit details
Quick-action rail and mobile action bar

Enquiries and visits4

Register interest with consent
Sales-gallery address, hours and map
Gallery visit booking
Chat button

Choosing and reserving5

Live unit availability
Unit-by-unit price list
Online reservation
Launch packages and rebates
Shortlist and compare units

Sales and agents10

Holds that lock a unit everywhere and expire
Colour-coded unit board
Lead capture and routing
Co-broke agent portal
Booking documents checklist
Loan tracking to the letter of offer
SPA signing targets and reminders
Commission per booking, with approval
Versioned price lists
Cancellations that put the unit back on sale

Billing and management4

Progress bills backed by the architect’s certificate
Payments recorded against each bill and payer
Collections with overdue alerts and late charges
Live management dashboard

Owner portal8

Each owner’s homes in one place
Construction progress with site photos
Bills, statements and online payment
Documents in one place
Key-collection appointments
Handover checklist and key-collection rules
Defect reports with status
Owners update their own contact details

Left out, and why

Virtual tours and 360° views: they need real footage of a built show unit.
More languages: this concept is in English only; a client build can add Malay and Chinese.
Government reporting and e-invoices (KPKT HIMS, MyInvois): they need the developer’s own government accounts. The data they would send is kept.
Paid expressions of interest on launch day: Malaysian rules allow no payment before the SPA.
After-handover services such as rentals and rewards: outside the roles this build covers.

Design research

How the leading sites look, and what we took

We measured the type, colour and layout of all 14 sites and products, then applied what most of them share in an original design.

Across the leading sites

In Clearstory Homes

Across the leading sites
Full-bleed renders and aerial photos carry the page, captioned “Artist’s impression”.
In Clearstory Homes
Original renders of our own towers and site photos, each captioned, with overlays kept readable.
Across the leading sites
Headlines in an elegant serif at a regular weight (7 of 14), with tracked uppercase labels.
In Clearstory Homes
Fraunces for headlines, with uppercase labels for project, tower and status.
Across the leading sites
Body text in a geometric sans at 16 to 22 px (12 of 14).
In Clearstory Homes
Plus Jakarta Sans at 16 to 18 px, with aligned figures for prices and sizes.
Across the leading sites
Red calls to action on white or warm stone, with deep navy sections.
In Clearstory Homes
A clay-red call to action, ink-navy sections and a warm stone background, with the gold of the logo as an accent.
Across the leading sites
Prices shown as “From RM…” with a range, sale-status badges and units-left counts.
In Clearstory Homes
Project cards with the price range, the share sold and the units available, all read from live data.
Across the leading sites
Launch-day boards are floor-by-unit grids with sold units filled in.
In Clearstory Homes
A floor-by-unit board with a colour and a pattern for each status, and a list view on phones.
Across the leading sites
Launch pages share a layout: a sticky section bar, a key-facts strip, plans beside a loan calculator, and distances.
In Clearstory Homes
The same layout with our own content: section bar, facts strip, plans with a loan estimate beside them, and distances in km.
Across the leading sites
Quick actions stay in reach: a side rail on desktop and an action bar on phones.
In Clearstory Homes
A rail for units, loan, visit and register on desktop, and a bottom bar for availability, visit and chat on phones.

Rules it follows

The business rules, built in

The prototype enforces each of these, so you can test them yourself.

Reserving and prices

No booking fee before the SPA
Prices locked at reservation; a new price list reaches only new reservations
Bumiputera lots go to Bumiputera buyers unless released, with a 5 % discount in Kuala Lumpur

Progress billing

Schedule H and G stages and percentages
Every bill backed by an architect’s certificate and due in 30 days
Late charges at 10 % a year

Loans

70 % margin cap on a third housing loan; up to 35 years or age 70
A loan refused for income after the SPA: the buyer pays 1 % and the SPA ends
A loan refused before the SPA: the booking is cancelled and the unit goes back on sale

Handover and defects

Keys within 36 months, or 24 for landed homes, with late-delivery damages at 10 % a year
Possession counts as taken 30 days after the notice
24-month defect period with 30-day repairs, and retention held while defects are open

Sales and adverts

Holds of 24 hours for buyers, 2 for sales and 4 for agents, lapsing on their own
30-day protection for an agent’s buyer; the first registration wins
Licence and permit details shown; banned advert claims blocked

Connected roles

One action, every screen

Every role works on the same records, so one person’s action shows up for the others.

1
An agent registers a buyer, and the sales team sees the lead with its protection date.
2
A buyer reserves a unit online, and it turns Reserved on the public board, the sales board and the agent portal at once. If it is not booked in time, it goes back on sale everywhere.
3
The sales team completes the booking, and the agent sees it with the commission pending.
4
The SPA is signed, and the owner portal opens with the full schedule and the first 10 % bill. Once that is paid, the agent’s commission is earned.
5
Management certifies a construction stage, and every purchaser in the tower gets the matching bill. Their payments update collections.
6
Management publishes a new price list, and the public prices and new reservations change at once, while existing bookings keep their price.
7
Customer care hands over the keys and the defect period starts. The owner reports a defect, care repairs it, and the owner signs it off.

Services it proves

Where Clearstory Homes is our example

Each of these service pages uses a part of Clearstory Homes to show the work. Open one to see what we would build for you.

Core systems

What this build is made of

These are systems we build repeatedly — each links to every other project that contains it, so you can compare implementations before deciding what you need.

Catalogue & search Booking & scheduling Accounts & portals Payment & checkout CRM & integrations Admin & dashboards

Unique to this build

Built specifically for this project rather than assembled from the shelf.

Live unit board
One record per unit, so a hold by a buyer, the sales team or an agent shows on every screen at once and lapses on its own.
Stage billing
Certifying a construction stage issues the matching bill to every purchaser in the tower, split between the owner and the bank.
Agent protection and commission
Agents register a buyer before selling, and commission is locked per booking, earned after the SPA and the first payment.

More work