Venin Carmin, Maison Écaille
La page d'un parfum imaginaire, où un serpent traverse tout le site sans jamais être coupé, du film d'ouverture jusqu'au bas de la page.
Voir le site Dépôt privé, aperçu seulement
- Année
- 2026
- Cadre
- Personnel
- Équipe
- Solo
- Statut
- Terminé
- Technologies
- Astro, TypeScript, GSAP, Lenis, SVG
Un site de démonstration pour un parfum qui n’existe pas, Venin Carmin, pensé comme un court film qu’on fait avancer au scroll. Le fil conducteur est un serpent : un seul tracé SVG fixe qui suit la caméra d’un chapitre à l’autre, sans coupure.
Ce qu’il fait
- Le film d’ouverture avance image par image avec le scroll, la tête du serpent enroulée autour du flacon.
- Sept chapitres : le serpent entre sur la peau, se dresse, mue en laissant sa peau derrière lui, puis s’enroule autour du flacon.
- Le flacon se sépare en six écailles de verre ; chacune révèle une note au survol, au toucher ou au clavier, et la tête du serpent se tourne vers elle.
- Les notes forment une pyramide d’écailles photo, qui reprennent leurs vraies couleurs quand on les choisit.
Détails
- Défilement doux avec Lenis, animations GSAP, site entièrement statique en français et en anglais.
- Film encodé en plusieurs tailles, avec une image clé toutes les quatre images pour que le défilement reste fluide.
- Avec « réduire les animations », le film laisse place à une affiche, les sections ne sont plus épinglées et le serpent reste immobile.
- Lighthouse sur ordinateur : 100 dans les quatre catégories.
-
Le chapitre Le Cuir, avec le serpent qui glisse sur une peau en gros plan -
Le chapitre Le Venin, avec la tête du serpent dressée, gueule ouverte -
La mue, où le serpent sort de sa peau qui reste derrière lui en trace pâle -
Le flacon séparé en six écailles de verre, une note sous chacune -
La pyramide olfactive présentée en écailles photo teintées de carmin -
L'ouverture du site sur téléphone