01 / 07
Annonces en défilement horizontal
Les propriétés vedettes glissent de côté pendant que la page reste fixe : toute la collection en un seul geste.
Vértice Real Estate
- Année
- 2026
- Lieu
- Nashville, TN
- Plateforme
- Astro · GSAP · Vercel
- Services
- Conception web
Un site éditorial pour une agence de Nashville : une ligne dorée s’élève jusqu’au monogramme, les annonces glissent de côté au défilement et un formulaire intelligent oriente acheteurs et vendeurs.
Un projet concept créé pour montrer ce que nous pouvons faire pour une marque de ce marché. La marque et les personnes sont fictives.
Le défi
Une agence boutique face aux grands portails devait paraître établie dès la première seconde et transformer les visites en évaluations et en rendez-vous.
L’approche
Une typographie de magazine, des sections claires et sombres en alternance, une seule entrée orchestrée par page et un formulaire en plusieurs étapes qui pose des questions différentes aux acheteurs, aux vendeurs et aux familles qui déménagent.
02 / 07
Propriétés filtrables
Quartier, type, prix et chambres, avec un interrupteur pour afficher les maisons vendues, comme preuve de résultats.
03 / 07
Héros de la fiche
Le nom de la maison en grand sur la photo, avec le prix, l’adresse et une bande de chiffres clés juste en dessous.
04 / 07
Panneau de visite privée
L’histoire de la maison à gauche; à droite, un panneau fixe pour réserver une visite ou un appel vidéo avec le courtier.
05 / 07
L’intérieur
Une galerie éditoriale, pièce par pièce. Les images s’ouvrent à l’entrée et chaque photo s’affiche en plein écran.
06 / 07
Nos quartiers
Au survol d’un quartier, la photo change, avec le prix médian et le trajet jusqu’au centre à côté de chaque nom.
07 / 07
Une équipe, de la visite aux clés
Achat, vente, évaluation et relocalisation : chacun ouvre son propre parcours dans le formulaire.
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.
Ce qui bouge
- 01
Intro monogramme
Un préchargement une fois par visite : la ligne dorée monte comme un immeuble.
- 02
Annonces horizontales
Une rangée de maisons épinglée qui se déplace de côté au défilement.
- 03
Formulaire à embranchements
Acheter, vendre, les deux, visite ou relocalisation : chaque parcours a ses propres étapes.
