Aiman Hartanah · Real estate
A property agent's site with a real CRM behind it
Real listings with photos, facts and a mortgage calculator, and a viewing request that lands in WhatsApp and in the agent's dashboard.
- Year
- 2026
- Type
- Real estate
- Built with
- Next.js, TypeScript, Tailwind CSS, Static export
- Demo content
- A demonstration build. The brand is a sample; what is real and what is sample is listed below.

What the client needed
A property agent lives in WhatsApp. Listings sit in a spreadsheet, viewings are agreed in a chat thread and photos are forwarded one by one. Buyers cannot compare anything, and the agent cannot see which enquiry is going cold.
The job was a site that looks like the established agencies, feels fast on a phone, and turns every enquiry into a tracked lead.
The public site
Search that works
Filter by area, type, price and bedrooms, sort, switch between grid and list, and save favourites.
Listings with proof
Real developments with real facts, a gallery with a lightbox, nearby transit and schools with distances, and the sources listed on the page.
A mortgage calculator
Monthly instalment, stamp duty and legal fee estimates with Malaysian rules, so a buyer can answer their own first question.
Compare side by side
Pick up to three homes and see them in one table.
Viewing requests that land somewhere
A request names the property, the date and the slot, opens WhatsApp with the message written, and appears in the agent's pipeline.
Area guides and a buyer's guide
Sourced neighbourhood pages and the real steps of buying in Malaysia, dated and cited.
Agent CRM
The dashboard is where the agent runs the day: who asked about what, which viewings are today, and which listings need attention.
- Enquiry pipeline from new to closed
- Listings, prices and status in one table
- Viewing calendar and lead reports
Sign in with any password. Data stays in your browser and can be reset.

What is real, and what is sample
Real
- Properties and developments, with developers, tenure, sizes and facilities
- Photographs, openly licensed and credited
- Nearby transit, malls and schools with verified distances
Sample
- The agency and the agent
- Phone number, email and licence number
- Every enquiry and record in the dashboard
Sources and photo credits are listed on the demo’s credits page.
Good sites we learned from
We study how established sites solve the same problem, then design our own. Nothing is copied: no logos, no words, no images.
- Editorial luxury agency sitesPhotography-led listing pages and calm typography
- Large property portalsSearch filters, result cards and how a detail page is ordered
Under the hood
- Next.js
- TypeScript
- Tailwind CSS
- Static export
- No third-party scripts
- Accessibility checked with axe
Lumira Skin
A skincare store that reads like a real brand
Read the case studyWant something like this for your business?
