01
Direction artistique.
Typographies d’architecte, cartouche et cote de plan, palette de pierre, de béton et de bois brûlé.
Étude de cas · Maisons d’architecte
Surplomb, un site d’architecte qui se construit au défilement.
Surplomb est un site d’architecte pensé comme une visite : il s’ouvre sur la villa livrée, puis seize mois de chantier se rejouent au défilement, du terrain nu à la lumière du soir. Site Web Montpellier en a conçu le parcours, les visuels, le film et le code.
40 avis · Site Web Montpellier · relevé du 07/09/2026
Réalisé par Site Web Montpellier
Sur téléphone
- Secteur
- Maisons d’architecte
- Type de site
- Site vitrine animé
- Site en ligne
- Surplomb
- Résultat mesuré
- 92 sur 100 en performance Lighthouse, sur mobilemesure du 29/09/2026
Le parti pris
Ce qu’il fallait
rendre possible.
Le point de départ du projet et ce que le site devait réussir.
Le point de départ
Une maison d’architecte se vend sur un résultat que le client ne voit pas encore. Le site devait montrer d’emblée la maison livrée, puis rendre lisibles seize mois de chantier sans perdre le visiteur, et rester rapide à ouvrir sur téléphone.
Ce que l’agence a conçu
Du parti pris
au site en ligne.
Conception, visuels, animations et code : tout a été réalisé par Site Web Montpellier.
02
Visuels et film du chantier.
Villa, terrain, intérieurs et matières créés pour le site ; film de 113 images, du terrain nu à la remise des clés.
03
Animation au défilement.
Le chantier avance avec la page, en 7 étapes nommées et cliquables, puis se fond dans la photo de la maison livrée ; défilement adouci sur ordinateur.
04
Formulaire qui oriente la demande.
Trois étapes : projet et terrain, budget et calendrier, coordonnées et créneau de visite.
05
Version mobile.
Ouverture plein écran sur le porte-à-faux, film en bandeau collant, menu en rideau animé.
06
Vitesse de chargement.
Polices servies par le site, film chargé après la photo d’ouverture, animations à l’arrêt quand la page ne bouge pas.
Le site en images
Le site,
rubrique après rubrique.
Des parties du site Surplomb que le film ne montre pas. Sélectionnez une vue pour l’agrandir.
3 vues du siteVisiter Surplomb
Résultats du site
Les chiffres.
Avec leur période.
Résultats mesurés
Chiffres sourcés, avec leur période.
Pour aller plus loin
Un projet
dans le même esprit ?
Autres réalisations de l’agence
D’autres projets
dans le même esprit.
D’autres sites animés conçus par Site Web Montpellier, chacun avec son étude de cas.
Parlons de votre site
Votre projet
commence ici.
Un site comme celui de Surplomb vous parle ? Décrivez votre activité : nous vous rappelons sous 48 h pour en parler, puis nous vous proposons un devis détaillé, sans engagement.
40 avis · Site Web Montpellier · relevé du 07/09/2026
Tout commence
par votre activité.
Quelques mots pour comprendre ce que vous souhaitez.
Vos coordonnées servent à traiter votre demande et à vous recontacter. Politique de confidentialité
Vous préférez en parler de vive voix ?
- 06 89 86 19 06
- sitewebmontpellier@gmail.com
- Réserver un créneau en visio
- 1348 Av. Raymond-Dugrand, 34000 Montpellier
