All work

Real Estate · 2026

Haven Properties

A different perspective on living

  • Luxury real estate website
  • Concept
Haven Properties on a real device

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Motion
  • React Hook Form
  • Zod

A concept website for a luxury real estate brokerage across Mumbai, Bengaluru, Goa and Kochi, with a filterable collection, property pages and advisors.

IndustryReal Estate
ProjectLuxury real estate website
SectorReal estate (concept)
Year2026
StatusConcept

In short

  1. An editorial homepage with search, featured residences, lifestyles and destinations.

  2. A collection with buy or rent, city, type, price and amenity filters kept in the URL.

  3. Property pages with a full-screen gallery, a floor-plan schematic and a viewing request.

On every screen

Drag or scroll sideways

Haven Properties on desktop and phone
Haven Properties on three phone screens
Haven Properties in a browser window

Overview

Haven Properties is a concept site for a fictional luxury brokerage with homes in Mumbai, Bengaluru, Goa and Kochi. The aim was an editorial, magazine-like feel for high-end listings, with the depth of a real property search behind it.

What's on the site

  • An editorial homepage: hero, search, featured residences, lifestyles, destinations, advisors, stories and a journal.
  • The collection: buy or rent, city, type, collection, price, beds, baths, area and amenity filters, five sorts, grid and list views, with the filters kept in the URL.
  • Property pages with a full-screen gallery, facts, features, a generated floor-plan schematic, the neighbourhood, the advisor, a viewing request and similar homes.
  • A saved shortlist, advisor profiles with their listings, a category-filtered journal and a contact form that fills itself in from the page you came from.

How it's built

Next.js with the App Router, React, TypeScript, Tailwind CSS and Motion, with React Hook Form and Zod for the forms. It builds to a fully static site of 45 pages.

More work

All projects

Have something
in mind?

Tell me what you're trying to solve. I'll reply with how I'd approach it, which platform I'd use and why.

Book a project