Arden Estates: a real-estate site that turns visitors into WhatsApp leads.
A complete website for a fictional property developer, built to show what we'd make for a real-estate, builders and marketing firm: a premium look, the company's own building at the centre of the story, and every listing one tap away from a WhatsApp conversation.
Arden Estates, Arden Tower, Skyline Enclave and every listing, price and number in this project are fictional.
Sell, rent and build in one place.
Many property firms in Pakistan sell plots, houses, apartments, offices and shops, and some build too. Most of them market through social posts and take enquiries by phone and WhatsApp, with no single place to browse what's on offer.
Arden Estates is our answer to that: a developer-grade website for a fictional firm in a fictional society, Skyline Enclave, Islamabad. It has the feel of a premium developer site, a navy and gold brand, listings that are easy to keep up to date, and enquiries that land straight in WhatsApp.
What a real-estate site has to handle.
Listings change every week, some prices are shared privately, and most buyers would rather message than fill in a form.
No home for the listings
Properties scattered across social posts, with no single place to browse what's for sale or rent.
Buy and rent are different journeys
A family renting a portion and an investor buying a plot look for different things and need to find them fast.
Prices, or "on request"
The site shows a price, a monthly rent or an instalment plan, and falls back to "Price on request" when a price isn't public.
Leads live on WhatsApp
Enquiries have to land where the team already works, with enough detail to answer straight away.
Mobile first
Most visitors arrive from a phone, so every page works at 390px wide without losing the premium feel.
Easy to update, later self-serve
All listings live in one place now, ready for a private admin panel later.
The developer's own building, built as you scroll.
The home page opens on a huge serif "Arden Estates" title. As the visitor scrolls, Arden Tower draws itself as a gold sketch, then rises floor by floor, and its caption fades in once it's complete. In a few seconds people see that the firm doesn't just sell property; it builds it.
- Scroll-driven over a sticky stage: the sketch over the first 30%, the building from 30% to 86%
- Buttons to the listings and to WhatsApp sit beside the building the whole time
- A separate phone layout under 980px
Buy and Rent, side by side, filtered in a tap.
The properties page splits everything into "Properties available to BUY" and "Properties available to RENT". Visitors filter by Plot, House, Apartment, Office or Shop, can show only available listings, or only those with an instalment plan.
- Each listing shows photos, title, location, size, status (Available, Sold or Rented) and any instalment plan
- Prices in lakh and crore, monthly rents, or "Price on request"
- Listings without photos get a drawn placeholder for their property type
One tap, and the message is already written.
Every listing has an "Enquire on WhatsApp" button that opens a chat with the firm and pre-fills the property name, size and location, so the team can answer without asking which property the client means.
Everything a buyer checks before they call.
Each property gets its own page with a gallery, a full details table and highlights. The home page shows off Arden Tower and the firm's client rating, and the contact page carries the office address, hours and a map, plus a form that sends straight to WhatsApp.
- Details table: deal, type, size, location, bedrooms, status, price or rent, instalments
- "More properties" from the same deal at the bottom of every page
- Contact form with Buy, Rent and List-property tabs; nothing is stored on the site
Built for the phone in the buyer's hand.
Checked at desktop and 390px wide: the hero, the filters, the listing cards and the WhatsApp buttons all reflow for one-thumb use.
Fast, simple, ready to grow.
The site is plain HTML, CSS and JavaScript, with no framework to slow it down or maintain. All listings live in one data file, so adding a property is a single block of text, and every page reads from it.
That file follows the same shape a database would, so for a real client the next step is a private admin page (we use Supabase) where the team adds, edits and marks listings sold themselves, then a deploy to Vercel on their own domain. WhatsApp links are built from each listing, so new properties get their pre-filled enquiry automatically.
A complete site, ready to rebrand.
Every page works end to end in the live demo. For a client, we swap in their brand, photos, listings and number, and it's ready to launch.
How we'd make it yours.
Your brand and content
Your logo, colours, building, photos, listings and WhatsApp number.
Admin panel
A private page so your team adds and updates listings without touching code.
Launch
Hosting on your own domain, connected to Google and your socials.