FRESLet’s talk
← All work

Real Estate Agent Website and CRM

A cinematic site for a Miami brokerage: you steer a film of the bay by scrolling, then browse residences with live filters.

A concept build made to show what I can do for a brand in this market. The brand and people are fictional.

Visit site Luxury real estateConcept build
Services
Web Design
Year
2026
Location
Miami, FL
Platform
Astro · GSAP · Vercel
Velaire Miami home page: Living on the water, over the Miami skyline

The challenge

Luxury buyers judge a brokerage in seconds. Most Miami sites look like the same listing template. Velaire needed to feel like arriving by boat at golden hour, and still make it easy to find a home.

The approach

We cut a drone film into 97 frames and tied them to the scroll, so the visitor drives the camera from the skyline to a living room. Headlines span the full width with letters rising one by one, reasons to choose Velaire stack like cards, and the listings page filters instantly with animated reordering.

Velaire chapter: Towers that catch the light
A film in chaptersScrolling drives the drone film from the bay to the towers, the terrace and the home. Each chapter gets its own title and a progress index at the bottom.
Currently offered: featured Velaire residences
Currently offeredAn editorial grid of featured homes: one large, the rest stacked, each with status, area, beds, baths and price at a glance.
Velaire residences page with area, type, price and bedroom filters
Residences with live filtersArea chips, type, price, bedrooms and sort. The grid reorders with an animation and the filters stay in the URL, so a search can be shared.
Solenne Residences development panel
New developmentsPre-construction towers get their own panel: completion date, units, price from, and a direct request for floor plans.
Inside the home: the Solenne residence gallery
Inside the home, room by roomEach residence is told room by room, with a heading per space. Any photo opens full screen.
Monthly payment estimate and Edgewater neighbourhood card
Payment estimateBuyers slide the down payment and the rate to see a monthly figure, next to a card that sells the neighbourhood.
Velaire neighbourhoods page: Miami Beach
Neighbourhood guidesEvery area has a median price, time to downtown and a few tags, with a link to the homes available there.
Velaire CRM, Today screen with hot leads, chats and drafts (sample data)
The CRM: today at a glanceHot leads to call first, chats waiting for a reply, drafts to approve and the day’s tasks, on one screen.
Velaire CRM, list of leads (sample data)
Every lead in one listSearch and filter by temperature, stage and agent, newest activity first.
Velaire CRM, WhatsApp and website chats (sample data)
WhatsApp and website chatsThe assistant answers until a person steps in.
Velaire CRM, a reply drafted for approval (sample data)
Replies drafted for approvalEach reply is drafted in the buyer’s language and waits for a person to send it, regenerate it or reject it.
Velaire CRM, listings that feed the website
Listings that update the siteEdits go live on the website within a minute.
Velaire CRM, adding a new listing
Adding a listingPhotos room by room, resized automatically, with the cover photo marked by a star.

On the phone

Perfect on every phone

Most visitors arrive on a phone, so the site is designed there first: fast to load, easy to read and one thumb away from booking or buying.

  • Real Estate Agent Website and CRM, On the phone

The live build

See it in motion

Screen recordings of the real site, unedited: scrolling, animations and page transitions exactly as a visitor sees them.

Desktop
Phone

What moves

  1. 01

    Scroll-scrubbed film hero

    97 WebP frames drawn to a canvas, loaded coarse-to-fine so it scrubs within a second.

  2. 02

    Full-width letter reveals

    Headlines fitted to the viewport width, each letter rising out of a mask.

  3. 03

    Stacking cards

    Sticky panels that settle back as the next one slides over them.

  4. 04

    Filterable listings

    Area, type and price filters kept in the URL, with animated reordering.

More projects