Immobilier Briançon
Client project

Immobilier Briançon

Next.js website built for IMMOBILIER BRIANÇON Géraldine JULLIEN, a real estate agency in the French Alps, combining a synced property catalogue, a free online valuation form, and several lead capture paths.

www.immobilier-briancon.com

Start date

September 2023

Status

Completed

Team

2 members

About the project

IMMOBILIER BRIANÇON Géraldine JULLIEN has been selling property in Briançon, Serre Chevalier, and Montgenèvre since 1993. The agency needed a website that matched the quality of its listings: professional photography, 360° virtual tours, drone footage, 2D and 3D floor plans, and virtual staging are at the heart of its sales pitch, so the site had to show that work rather than describe it. We built the site with Next.js and Tailwind CSS on the App Router. The property catalogue is served by internal API routes that read from the agency's real estate software, so the sales team keeps publishing from the tool it already uses and the website stays in sync without a second back office. A separate route aggregates the agency's Google reviews, displayed on the homepage with the overall rating. Several paths lead to a conversation with an agent: a free online pre-valuation form, an e-mail alert for new listings, a newsletter, a referral programme for business introducers, and a contact page with a map. Metadata, Open Graph tags, and a dynamic sitemap cover the local search queries the agency competes on. The site was delivered and handed over to the agency, which has since moved its public website to a no-code platform it can edit without a developer.

Impact and metrics

147

Google reviews

Aggregated on the site, rated 5 out of 5

7

Pages

From the catalogue to the referral form

2 people

Team

A compact design and development duo

Key features

Property catalogue

Listings for sale with detail pages, served from the agency's real estate software through internal API routes

Free online valuation

A short form that gives sellers a pre-valuation of their house or flat and opens a conversation with an agent

E-mail alerts and newsletter

Buyers subscribe to be told about new listings, sellers to the agency's yearly newsletter

Google reviews

Reviews aggregated through a dedicated API route and shown on the homepage with the overall rating

Referral programme

A dedicated page and form for business introducers, who are paid when a referral turns into a sale

Team pages

Profiles for each agent with credentials and contact details, alongside the agency's video content

Technologies used

Next.js

App Router, server components, and API routes

React

User interface components

TypeScript

Type-safe development

Tailwind CSS

Styling and design system

Vercel

Hosting and continuous deployment

La Boîte Immo

The agency's real estate software, source of the listings

Gallery

The agency's media services, from drone footage to virtual staging

The agency's media services, from drone footage to virtual staging

Free online pre-valuation form

Free online pre-valuation form

Google reviews aggregated on the homepage

Google reviews aggregated on the homepage

Agent profiles with credentials and contact details

Agent profiles with credentials and contact details

Referral form for business introducers

Referral form for business introducers

Contact page with the agency location

Contact page with the agency location

The team

Jérémy Baudrin

Jérémy Baudrin

Lead Developer

Lucas Bodin

Lucas Bodin

Lead Designer

Challenges encountered

  • Keeping the catalogue in sync with the agency's real estate software so the sales team only publishes once

  • Competing on local search for Briançon, Serre Chevalier, and Montgenèvre against national property portals

  • Designing a valuation form short enough to be filled in, honest enough to send sellers to a real expert

  • Serving photography, virtual tours, and video without wrecking load times on mountain mobile connections

  • Running a strict Content Security Policy while embedding third-party media and listing data

  • Addressing both year-round residents and second-home buyers on the same pages

Key learnings

  • A local agency wins on neighbourhood and resort queries, not on generic property searches

  • When listings come from an external tool, every failure mode of that tool becomes a failure mode of the site

  • Sellers and buyers convert on different pages, so each needs its own call to action

  • Clients who produce their own photos and videos need a way to publish them without a deployment

  • Image formats and lazy loading do more for a media-heavy site than any other optimisation

Future perspectives

The site was delivered and handed over to the agency

The agency has since moved its public website to a no-code platform it edits itself

Interested in this project?

Discover how we can help you create a similar project.