Concept project, fictional brandResidential property

Harbor & Key

Modern real estate platform. A real estate agency website with photographed listings, live filters and private viewing requests.

Try the website

Change the filters, save a home, open its details, and request a viewing.

Open full website

harborandkey.example

Harbor & Key Saved (0)

Find the home that fits your days.

Considered homes along the bay, with an agent who knows every street.

214

homes sold (sample)

19 days

average to offer (sample)

14 years

on the bay (sample)

Available now

Up to $1,500,000

4 homes

The Tideline
$685,000
48 Marina Walk, Marina District
2 bed2 bath1,240 sq ft
Alder Court
$925,000
12 Alder Court, Old Town
3 bed2 bath1,820 sq ft
Foundry Loft
$540,000
305 Foundry Row, Arts Quarter
1 bed1 bath980 sq ft
Hillcrest House
$1,450,000
7 Hillcrest Lane, North Ridge
4 bed3 bath2,960 sq ft

About us

A small agency, on purpose.

We take on fewer homes so each one gets proper photography, honest advice and an agent who answers the phone. Whether you are buying your first home or selling your last, you deal with the same person from start to finish.

City lights reflected in the bay at night

See a home in person

Request a private viewing. An agent will call you to arrange a time.

How this website turns a visitor into a customer

This is what I set up behind the design. Harbor & Key's hook is early access to new listings and a private viewing. Fill in the form on the site above, and your entry appears in the owner's view below.

1. Capture
Give visitors a real reason to leave their details, then keep the form short.
2. Collect
Every request lands in one place, with what they want and where they came from.
3. Reply instantly
An automatic email goes out straight away, and the business gets an alert.
4. Follow up
Timed emails keep the conversation going, and stop when someone replies or unsubscribes.
5. Measure
See which ads and pages bring real customers, so the budget goes to what works.

Owner's view: lead inboxSample data. Your own entries stay in this page.

Email	Wants	Came from	Priority	Status
grace.lin@example.com	Viewing, The Tideline	Property portal	Hot	Agent calling today
omar.h@example.com	3 bed under $1M	Google search	Warm	Listing alerts on
chloe.m@example.com	Home valuation	Facebook ad	New	Valuation requested

Follow-up emails for Grace

To: grace.lin@example.com

We received your viewing request

Hi Grace, An agent will call within one business hour to confirm a time. Here are the floor plans in the meantime.

Harbor & Key, 100 Sample Street, Anytown. Unsubscribe with one click.

Preview only. No email is sent from this page.

Data this site collects

Name, email and phone
Budget and bedrooms
Home they asked about
Timeline to move

Tools that make it real

A CRM or spreadsheet for the inbox, an email tool for the follow-ups, and analytics for the sources. I choose these to suit the client's budget and connect them when the site is built.

Only email people who asked to hear from you. Buying lists or scraping addresses damages deliverability and can break the law. Every marketing email needs a working unsubscribe and a real business address.

The thinking

Most property sites open with a dense search form. This concept lets people narrow homes with a few clear choices and keep a shortlist as they browse.

Built with

Next.js, TypeScript, Lead capture

Filters are always visible
Choosing a bedroom count or budget updates the list at once, with a count that confirms what changed.
A shortlist without an account
Saving a home needs one tap, which removes the usual sign-up wall from the early browsing stage.
Empty results give direction
If nothing matches, the page says so and offers one button to clear the filters.

Next conceptBayline Collision

Want something like this for your business?

Tell me what you are trying to achieve, and we'll work out the right next step together.

Start your projectEmail me