La vision
The Plan est un projet personnel : un journal non officiel consacré à la trilogie Ocean’s. Chaque film devient un numéro du même magazine, Eleven, Twelve et Thirteen, avec sa couverture, sa fiche film et les six temps du casse. L’idée : traiter un site comme une affiche de cinéma, avec des titres immenses, des étiquettes minuscules et des photos d’archives. Un terrain de jeu pour pousser la direction artistique et le motion aussi loin qu’un site Awwwards.
Un système, trois lumières
La grille, les typographies et le rouge restent identiques d’un bout à l’autre. Ce qui change, c’est la lumière de chaque film. Nº 01 prend la chaleur tungstène du Bellagio la nuit. Nº 02 part en Europe avec un bleu cyanotype et des tampons de passeport. Nº 03 bascule dans le noir, l’or et le néon d’un casino. Chaque numéro a aussi sa section unique : le line-up des onze, l’itinéraire Amsterdam → Rome → Côme, le casino truqué.
L’ingénierie au service de l’émotion
Tout est développé à la main en HTML, CSS et JavaScript, animé avec GSAP et Lenis. Les titres se révèlent lettre par lettre, les photos réagissent à la souris, les cartes s’inclinent en 3D. Chaque film a son moment signature : une fontaine figée au scroll, un couloir de lasers à traverser sans toucher un rayon (avec un battement de cœur qui s’accélère), et un écran de sécurité où le scroll fait trembler le sol jusqu’à 500 millions de dollars.
Le ressenti utilisateur
Sur mobile, le journal passe en une colonne sans rien perdre de son caractère : portraits en bande, archives au doigt, menu plein écran. Les effets à la souris s’effacent au tactile et le site respecte les réglages « animations réduites ». Le son, synthétisé dans le navigateur, reste coupé par défaut.
Le résultat
Un site léger de 3,6 Mo, sans aucune dépendance externe, hébergé gratuitement sur Cloudflare. Il est accompagné d’un kit complet : deux affiches 50×70, un favicon, une image de partage et une série de visuels Dribbble. Un projet qui montre ce que je cherche à apporter à chaque client : une direction artistique forte, et le code pour la porter jusqu’au bout.
Hommage non officiel, non affilié à Warner Bros. Les images des films appartiennent à leurs ayants droit.
