Shōgun Production
Tenir une ambiance de cinéma — nuit, pluie, pétales — dans une simple page web. Shōgun est né de ce pari.
Démo éditoriale nocturne : un masque de samouraï en clair-obscur, des pétales de cerisier qui tombent en continu, et une navigation par chapitres — Home, Stories, About, Contact — écrite comme une revue de nuit. Sous le capot : React, animations temps réel, et la migration d'un prototype monolithique vers une architecture modulaire.
DIRECTION ARTISTIQUE
Une image, une phrase, une atmosphère : le silence observe la ville, la typo fait le reste.
Palette en clair-obscur, serif éditoriale mariée à un HUD en chasse fixe, caractères japonais utilisés comme texture. Les pétales traversent toute la session — jamais deux fois de la même façon.
MODULE 01 — ÉDITORIAL
Une revue à l'intérieur du site : « Stories » rassemble des textes courts écrits pour les heures tardives — field notes et essais, temps de lecture affiché comme un sommaire imprimé. Chaque chapitre glisse à l'écran sans jamais recharger la page.
RÉSULTAT
L'ambiance passe sur petit écran sans rien perdre : pétales, clair-obscur et rythme éditorial — la preuve qu'une atmosphère est une architecture, pas une taille d'écran.
Le Split
Changer de chapitre, c'est trancher la page.
Une lame balaie l'écran en diagonale, le papier se déchire le long d'une entaille irrégulière, puis les deux moitiés s'écartent pour révéler la page suivante — sans jamais recharger. La déchirure est recalculée à chaque transition (bruit et fibres aléatoires) : jamais deux coupes identiques. L'angle de la lame s'aligne au pixel près sur la diagonale réelle de l'entaille, quel que soit le format de l'écran.
