J’ai développé l’intégralité du front-end de cette landing page pour un programme immobilier du groupe Rothschild, à partir d’une maquette graphique fournie par Aurélien Braun. Le site repose sur un code sur-mesure (HTML, SCSS et JavaScript vanilla), sans framework, pour une base légère et facile à maintenir.
Animations et interactions
Le parcours utilisateur s’appuie sur GSAP : un écran de chargement animé, une timeline vidéo pilotée au scroll (pin de section, transformation progressive d’un mask vidéo), un slider d’images en drag & drop, ainsi qu’une lightbox vidéo. Une carte de quartier interactive permet de superposer des calques SVG via des filtres (commerces, transports, écoles…), avec une gestion différenciée desktop/mobile.
Système multilingue et navigation
J’ai mis en place un système de traduction FR/EN entièrement custom (dictionnaire JS injecté via attributs data-key), ainsi qu’une navigation par ancre avec mémorisation de section via localStorage, un menu mobile dédié et une nav sticky au scroll.
Formulaire connecté au CRM
Le formulaire de contact est relié à l’API du CRM Adlead en PHP/cURL, avec redirection conditionnelle vers des pages de confirmation ou d’erreur dédiées, pour assurer une remontée fiable des leads.
C’était un projet exigeant visuellement, mais très amusant à développer. N’hésitez pas si vous avez des idées folles d’animation !
