FORMA — Luxury Real Estate UX/UI & Interactive Frontend

FORMA is an independent portfolio concept that reimagines luxury real estate browsing through an editorial visual identity and a seamless interactive experience. It is a premium, responsive, functional frontend prototype, built directly in code rather than a static design mockup.

FORMA pairs a restrained luxury aesthetic with practical property discovery. Warm neutral tones, expressive typography, and full-bleed architectural imagery create an editorial atmosphere while the interface keeps the next decision close at hand.

Make complex property information easy to discover, compare, and understand without losing the sense of a premium brand.

A custom interactive frontend featuring:

Eight fictional properties with individual photo galleries

Property filters and a synchronized interactive map

Favorites and side-by-side comparison

Detailed property pages and illustrative floor plans

An interactive mortgage calculator

A personal viewing planner with calendar export

Responsive desktop and mobile layouts

The experience balances restrained visual direction with purposeful interaction design. User journeys were shaped around search, evaluation, and planning, from filtering and map exploration to comparison and scheduling. Custom frontend functionality was implemented directly in code and validated with automated interaction testing.

Technology stack: HTML, CSS, JavaScript, Leaflet, OpenStreetMap, localStorage, Git, Playwright, Chromium, and Node.js for testing.

A working, tested interactive frontend prototype that demonstrates the property-discovery experience across desktop and mobile.

Note: FORMA is an independent portfolio concept. All property listings, prices, imagery context, and floor plans are fictional and illustrative. The prototype does not include a live CRM, booking system, production backend, or real property availability.