Major CS2
Site internet
Animation
Interaction
ThreeJS
WebGL
Lottie
Détails du projet
Histoire
Le contexte était particulièrement fort : après la transition de CS:GO vers Counter-Strike 2, le premier Major sur ce nouvel opus était attendu comme un événement historique de la scène eSport. Ce Major de Copenhague (PGL Major Copenhagen) marquait un vrai tournant pour la communauté, les joueurs et les équipes. Nous avons voulu créer une vitrine web qui capte cette portée symbolique, au-delà d’un simple site d’information.
Pourquoi
L’idée était de traduire l’intensité compétitive de Counter-Strike dans une interface éditoriale immersive. Il fallait rendre lisibles des contenus parfois denses (équipes, joueurs, stats, contexte du tournoi), tout en gardant une direction artistique marquée. Le projet devait aussi servir de terrain d’expérimentation sur des effets visuels avancés et des interactions temps réel.
Comment
Nous avons structuré l’expérience autour de plusieurs blocs narratifs : présentation du Major, lecture des équipes/joueurs et mise en avant d’éléments iconiques du jeu. La phase de veille a été centrale pour sélectionner des références solides, puis les adapter au projet. C’est dans ce cadre qu’on a développé des cartes joueurs inspirées des codes collection, un rendu de fumée en référence aux smokes du jeu, et une progression visuelle pensée pour accompagner le scroll.
Quoi
Techniquement, j’ai surtout contribué à l’interactivité front et aux effets visuels : effet 3D CSS sur le slider joueurs, animations JS/CSS de survol, intégration d’un modèle 3D de couteau animé au scroll, et travail sur le rendu de fumée. Le résultat est fort visuellement et cohérent avec l’univers CS2.
Les limites assumées du prototype restent la performance de la simulation de fumée sur les machines modestes et l’absence de version mobile pleinement exploitable, faute de temps sur cette itération.
