Skip to content
Mohammad Ali
Back to Work
Web2024

HAVEN

HAVEN is a premium real estate web experience — thoughtfully selected residences, clear property search, architecture-led storytelling, and a relationship-first buying journey.

Next.jsTypeScriptTailwindCMSMaps

Overview

HAVEN helps people find a place worth coming home to. The site combines curated listings, building showcases, and a calm editorial design language built around clarity, trust, and exceptional spaces.

Problem

Many real estate sites feel cluttered and transactional — hard to browse, weak storytelling, and little confidence in the buying or selling journey.

Approach

Designed HAVEN as a curated real estate brand experience with search, featured homes, architecture-led building pages, and a personal advisory narrative.

Result

A complete real estate website concept — HAVEN — with an interactive showcase covering listings, buildings, services, and conversion-ready CTAs.

Technology

Built with Next.js, TypeScript, Tailwind, CMS, Maps.

Process

  1. 01Defined the HAVEN brand direction around cream, green, and gold accents
  2. 02Designed hero search, featured residences, and property discovery flows
  3. 03Built building and service storytelling sections for trust and clarity
  4. 04Shipped an interactive website showcase ready for client demos

Gallery

Selected Homes
Architecture
Property Search
Client Journey