Altitude Toitures
Landing page premium pour une entreprise de toiture avec mode jour/nuit
Le contexte
Création d'une landing page vitrine pour Altitude Toitures, une entreprise locale spécialisée en couverture, bardage, zinguerie et isolation. L'objectif était de reproduire une maquette très précise, avec les mêmes sections, le même rythme visuel et une présence forte dès le hero.
Le défi
Le défi était de conserver une fidélité visuelle élevée tout en ajoutant une touche plus premium : un hero vidéo généré pour remplacer l'image statique, une version claire en mode jour, une version sombre en mode nuit, et une navigation qui reste dense mais lisible sur desktop comme sur mobile.
La solution
J'ai construit une page statique HTML / CSS / JavaScript, découpé et intégré les visuels secondaires, généré deux vidéos hero via Higgsfield (ambiance nuit et ambiance jour), puis ajouté un bouton jour/nuit persistant via localStorage. La démo est servie directement depuis le portfolio sous /projects/altitude-toitures/.
Le résultat
Une landing page claire, crédible et immédiatement présentable à un artisan du bâtiment : même structure que la référence, meilleure dynamique grâce à la vidéo, vraie variation jour/nuit, cartes services compactes, footer complet et responsive propre. Un bon exemple de site vitrine premium pour PME locale.
Technologies
Fonctionnalités clés
- Hero vidéo en autoplay avec poster de secours
- Mode nuit fidèle au design original
- Mode jour en tons blancs avec vidéo plus lumineuse
- Cartes services et blocs de confiance
- Démo statique intégrée au portfolio
- Responsive desktop et mobile vérifié
Un projet similaire ?
Discutons de comment je peux vous aider à concrétiser votre idée.
Parlons de votre projet