habitabarcelona.com

Landing page:

What it is for:

• Bringing in property owners: they are where the agency's new listings come from.
• Showing the flats: to people looking to buy or rent.
• Connected to INMA: a visit request made on a listing goes straight into the agency's CRM.

From WordPress to Next.js

The rebuild

• Before: an outdated WordPress site that did not do justice to an agency established in 2004 and among the best in Barcelona.
• Now: a new site built from scratch, connected to the agency's tools and designed to attract owners and tenants and to give the agency the image it deserves.
• Migration: a scraper moved the 171 listings and 4,741 photos into Supabase, and can be run again without creating duplicates.

SEO migration: keeping the search ranking

• Every old URL has an answer:
  • 272 pages redirect with a 301 to their new equivalent, in a single hop;
  • 34 junk pages answer "410 Gone";
  • 4,711 old photo links point back to their listing.

Run by the agency

• An eight-section admin panel:
  • listings;
  • photos, with drag-and-drop and cover selection;
  • featured properties per page;
  • the contact and job-application inboxes;
  • the team.

Current focus: attracting owners

• Ranking better in search: building on the migration above.
• Bringing in owners:
  • Free valuation: a step-by-step form where owners ask for a valuation of their property;
  • A hub for owners: a section for owners who want to sell or rent, with the reasons to trust the agency.

Less manual work for the team

Putting a new flat online used to mean typing the same data on the website, in the CRM and on each portal, one site at a time, and the prices did not always match.

Publish once, published everywhere

• Before: each new flat was entered by hand on the website, in the CRM and on every portal, one by one.
• Now: it is approved once, in the website's admin, and one click publishes it on the website, in INMA and on the portals (Idealista, Fotocasa).

Watermarks and photos, automatic

• Before: agents added the watermark to every photo by hand.
• Now: agents just upload the photos. The server:
  • keeps a copy of the original, without the watermark;
  • shows the watermarked version on the website;
  • keeps the cover photo in two more versions without the watermark, for the listings and for sharing, and redoes them on its own when the cover changes.
• Watermark in the best corner: the server puts it in whichever corner it stands out most, so it never covers the middle of the photo and the agency's name is always seen.

No lead lost

• Straight into the CRM: every enquiry made on a listing lands in INMA.
• If the database goes down: every lead is logged and an alert goes out, so none is lost and it can be recovered.

AI agents do the data entry

Each new flat arrives as a Word document with the owner's and the agent's notes.

• Before: someone typed every detail into the website by hand.
• Now: AI agents read the Word document and fill in the whole listing, photos included.
• No guessing: anything the document does not say is marked as missing, not made up.
• Safe:
  • Prewritten interfaces: the agents can only use tools and code written in advance;
  • Canonical record: every field is checked against one shared schema;
  • Logged: every change is recorded (629 in production between August and September 2026);
  • Human approval: nothing is published until a person says yes.

A website that does a job

Built around what people come to do: find a flat, look at it properly and get in touch.

Finding a flat

• Sales and rentals: each has its own listings.
• Instant filters: filtering by neighbourhood or changing the order updates the list at once, without reloading the page.
• Clean photos in the listings: the photos in the listings show no watermark; it only appears inside each flat's page.

A page for every flat

• Everything about the flat:
  • a photo gallery with the agency's watermark;
  • the key details and the full description;
  • an approximate map.