Château de Jonzac

Concept de site vitrine immersif autour du château de Jonzac, en Haute Saintonge. Un vol de drone se déroule au rythme du défilement, puis la page raconte un millénaire d'histoire. Projet personnel, réalisé sans commande du château ni de la mairie.

  • ClientProjet personnel
  • CatégorieSite vitrine immersif
  • Année2026
Château de Jonzac
Château de Jonzac · Le vol
Château de Jonzac — Le vol au défilement
Château de Jonzac · Héritage
Château de Jonzac — Atmosphère et héritage
Château de Jonzac · Chapitres
Château de Jonzac — De la forteresse au logis

Le projet

Un monument se raconte mieux en mouvement. L'idée de ce concept : ouvrir le site du château de Jonzac sur un vol de drone piloté par le défilement. Le titre s'efface, l'appareil avance autour des tours, et quatre légendes rappellent les grandes étapes — la forteresse du XIe siècle, les tours jumelles du XVe, la cour intérieure, les rois qui y ont séjourné.

Plutôt que de faire varier la position d'une vidéo, saccadé sur la plupart des navigateurs, le vol est découpé en 277 images dessinées sur un canvas selon la position de défilement, avec un léger lissage. Les images se chargent en parallèle et la vidéo reste en repli. Le réglage « mouvement réduit » du système est respecté.

La suite de la page adopte une direction pierre de Saintonge : ivoire, noir profond, Cormorant Garamond pour les titres et Outfit pour le texte. L'héritage du château se lit en quatre chapitres illustrés, jusqu'à l'invitation aux visites. HTML, CSS et JS vanilla, sans framework, responsive.

Stack technique

  • HTML5 Sémantique
  • CSS3
  • JS Vanilla
  • Canvas 2D
  • Scroll scrub
  • Séquence d'images
  • IntersectionObserver
  • Responsive

Un projet similaire ?

Parlons-en lors d'un premier appel gratuit de 30 minutes.