Skip to content
All work

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.
hanastudio.my/demo/estate
Aiman Hartanah: website home page
The brief

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.

What we built

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.

The back office

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
Open the dashboard

Sign in with any password. Data stays in your browser and can be reset.

hanastudio.my/demo/estate/admin
Aiman Hartanah: Agent CRM
About the content

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.

Studied first

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
Built with

Under the hood

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Static export
  • No third-party scripts
  • Accessibility checked with axe