The brief
Harbour & Hale sell and let period and coastal homes across Brighton & Hove. They wanted a website that feels as considered as the homes they list, with search that's genuinely fast to use.
All projects
Real Estate
Harbour & Hale
A refined coastal estate agency website with searchable property listings, detailed property pages, a mortgage calculator, and an instant valuation tool.
harbourhale.firstlight-digital.com
Real Estate · 5 pages
Harbour & Hale
Explore the live websiteHome · Properties · Valuation · About · Contact
Visit websiteThe design response
An elegant, magazine-style design in ivory, navy and brass with a classic serif. The listings page filters by buy or rent, area, bedrooms and price and sorts instantly. Every property has its own page with a photo gallery, key facts, a mortgage calculator and viewing requests.
Delivered outcome
A five-page website plus individual property pages. Visitors can search and shortlist homes, work out monthly repayments, request a viewing, get an instant estimated valuation, and contact the branch.
The complete journey
A considered role for every page.
01Home
Page purpose
Set the tone of a premium local agent and get visitors searching straight away.
Design decisions
A sunlit seafront hero with a search bar on top, followed by featured homes, local areas and a valuation prompt.
Role in the journey
The search bar takes visitors straight to matching listings.
02Properties
Page purpose
Help people find the right home quickly.
Design decisions
Buy/rent toggle, area, bedroom and price filters, sorting, and a shortlist heart on every card. Results update instantly.
Role in the journey
Each card opens a full property page.
03Valuation
Page purpose
Win new instructions from homeowners thinking of selling or letting.
Design decisions
A short step-by-step form that produces an instant estimated price range, then offers a free in-person valuation.
Role in the journey
Homeowners leave with an estimate and a booked appointment request.
04About
Page purpose
Show who the agency is and why they're different.
Design decisions
The agency story, the team and the areas they cover, written in the same calm editorial voice.
Role in the journey
Builds the trust needed before someone gets in touch.
05Contact
Page purpose
Make it easy to reach the right branch.
Design decisions
Branch details, opening hours and a general enquiry form with instant confirmation.
Role in the journey
The final step for buyers, sellers and landlords alike.
Next project