ENESParlons-en
← Toutes les réalisations

Site web et CRM pour agent immobilier

Un site cinématographique pour un courtier de Miami : on pilote un film de la baie en défilant, puis on parcourt les résidences avec des filtres en direct.

Un projet concept créé pour montrer ce que je peux faire pour une marque de ce marché. La marque et les personnes sont fictives.

Visiter le site Immobilier de luxeProjet concept
Services
Conception web
Année
2026
Lieu
Miami, FL
Plateforme
Astro · GSAP · Vercel
Velaire Miami home page: Living on the water, over the Miami skyline

Le défi

Les acheteurs de luxe jugent un courtier en quelques secondes. La plupart des sites de Miami se ressemblent tous. Velaire devait donner l’impression d’arriver par bateau à l’heure dorée, tout en restant simple pour trouver une propriété.

L’approche

Nous avons découpé un film de drone en 97 images liées au défilement : le visiteur conduit la caméra de la ligne d’horizon jusqu’au salon. Les titres couvrent toute la largeur avec des lettres qui montent une à une, les raisons de choisir Velaire s’empilent comme des cartes, et la page d’annonces filtre instantanément avec un réordonnancement animé.

Velaire chapter: Towers that catch the light
Un film en chapitresLe défilement conduit le film de drone de la baie aux tours, puis à la terrasse et au salon. Chaque chapitre a son titre et un index de progression en bas.
Currently offered: featured Velaire residences
Actuellement offertesUne grille éditoriale des propriétés vedettes : une grande, les autres empilées, avec statut, quartier, chambres, salles de bain et prix d’un coup d’œil.
Velaire residences page with area, type, price and bedroom filters
Résidences avec filtres en directQuartiers, type, prix, chambres et tri. La grille se réorganise en animation et les filtres restent dans l’URL : une recherche se partage.
Solenne Residences development panel
Projets neufsLes tours en prévente ont leur propre panneau : livraison, nombre d’unités, prix de départ et demande directe de plans.
Inside the home: the Solenne residence gallery
L’intérieur, pièce par pièceChaque résidence est racontée pièce par pièce, avec un titre par espace. Chaque photo s’ouvre en plein écran.
Monthly payment estimate and Edgewater neighbourhood card
Estimation des paiementsL’acheteur ajuste la mise de fonds et le taux pour voir un paiement mensuel, à côté d’une carte qui présente le quartier.
Velaire neighbourhoods page: Miami Beach
Guides de quartiersChaque quartier affiche un prix médian, le temps jusqu’au centre et quelques repères, avec un lien vers les propriétés disponibles.
Velaire CRM, Today screen with hot leads, chats and drafts (sample data)
Le CRM : la journée en un coup d’œilLes contacts chauds à appeler en premier, les conversations en attente, les brouillons à approuver et les tâches du jour, sur un seul écran.
Velaire CRM, list of leads (sample data)
Tous les contacts dans une listeRecherche et filtres par température, étape et agent, l’activité la plus récente en premier.
Velaire CRM, WhatsApp and website chats (sample data)
Conversations WhatsApp et site webL’assistant répond jusqu’à ce qu’une personne prenne le relais.
Velaire CRM, a reply drafted for approval (sample data)
Des réponses rédigées pour approbationChaque réponse est rédigée dans la langue de l’acheteur et attend qu’une personne l’envoie, la régénère ou la rejette.
Velaire CRM, listings that feed the website
Des propriétés qui mettent le site à jourLes modifications sont en ligne sur le site en moins d’une minute.
Velaire CRM, adding a new listing
Ajouter une propriétéDes photos pièce par pièce, redimensionnées automatiquement, avec la photo de couverture marquée d’une étoile.

Sur le téléphone

Parfait sur chaque téléphone

La plupart des visiteurs arrivent sur un téléphone : le site est donc conçu d’abord pour lui, rapide, lisible et à un pouce de la réservation ou de l’achat.

  • Site web et CRM pour agent immobilier, Sur mobile

Le site en ligne

Voir le site en mouvement

Des captures d’écran du vrai site, sans montage : le défilement, les animations et les transitions tels qu’un visiteur les voit.

Ordinateur
Téléphone

Ce qui bouge

  1. 01

    Héros filmé piloté au défilement

    97 images WebP dessinées sur un canvas, chargées du plus grossier au plus fin pour réagir en moins d’une seconde.

  2. 02

    Titres pleine largeur, lettre par lettre

    Des titres ajustés à la largeur de l’écran, chaque lettre surgissant d’un masque.

  3. 03

    Cartes empilées

    Des panneaux collants qui reculent quand le suivant glisse par-dessus.

  4. 04

    Annonces filtrables

    Filtres par quartier, type et prix conservés dans l’URL, avec réordonnancement animé.

Autres projets