Brown & Co Marbella
Back to works

Project Case Study

Brown & Co Marbella

A luxury real estate site for a Costa del Sol property specialist, where the presentation has to carry the same weight as the properties it sells.

v0Next.jsAxiosVercel

Overview

Brown & Co Marbella is a Costa del Sol property specialist with 15+ years in the market, advising buyers, sellers and investors across luxury apartments, golf residences, family villas and investment properties. The site leads with "Iconic Homes. Exceptional Living." — a promise the design itself has to hold up.

The Problem

Luxury real estate is the rare category where the website is judged as a proxy for the agency. A buyer considering a multi-million euro villa reads a cramped, template-looking site as a signal about how their transaction will be handled. Presentation is not decoration here; it's credibility.

That creates a tension with the practical job. The site still has to be a functional search tool — filterable inventory, saved properties, enquiry routing — and search tools tend to look like spreadsheets. Getting both means the editorial surfaces and the search surfaces have to feel like the same product.

There's also a listings problem specific to this market. Inventory moves constantly and comes from external sources, so property data can't be hand-maintained in the codebase. It has to be fetched, and the site has to stay composed when a feed is empty or slow rather than showing a broken grid.

Finally, the audience is split. Local and international buyers arrive with different expectations, different levels of familiarity with Spanish property process, and — for overseas buyers — a lot more anxiety about how any of it works.

The Solution

The design gives properties room. Imagery leads, chrome recedes, and typography carries the premium positioning without resorting to visual noise. The result reads as a portfolio first and a database second.

Inventory is organized by how buyers actually think — by area, by intent (Buy & Rent versus New Builds), and by whether they're browsing or shortlisting. The Shortlist feature acknowledges the real behavior in this market: nobody buys on the first visit, so the site's job is to make returning easy.

Listings are fetched at runtime rather than baked in, with the empty state written as deliberate copy — "Featured properties are being updated. Please check back shortly." — instead of an accidental blank grid. A gap in inventory reads as intentional rather than broken.

The international-buyer anxiety is handled with a dedicated FAQ covering the questions overseas purchasers actually ask about the Spanish process, plus a Sell path for the other side of the market.

Structure

  1. Hero"Iconic Homes. Exceptional Living." over the positioning statement.
  2. Featured projects and off-plan developments — the editorial showcase, with graceful empty states.
  3. Why Brown & Co — three differentiators: trusted local advisors, luxury micro-market expertise, and international buyer reach.
  4. Areas — the Marbella micro-markets, which is how buyers in this region actually narrow a search.
  5. Buy & Rent / New Builds / Sell — the three distinct journeys, kept separate rather than merged into one search.
  6. Contact — phone, email, the Estepona office address, and stated hours including Saturday by appointment.

Technical Notes

Built with Next.js and deployed on Vercel, with the initial layout scaffolded in v0 and then reworked by hand — a fast way to get to a first visual pass without inheriting a generic result. Property data is retrieved via Axios from external sources, which is what makes the empty-state handling a real design concern rather than an edge case.

Outcome

The site presents a 15-year local practice with the visual weight the properties demand, while staying a working search tool underneath — and it degrades gracefully when listings are between updates, which for a live inventory site is a feature, not an afterthought.