Wanted in Leonida : étude de cas d'un site de fan GTA 6

Objectifs

Le point de départ était simple : j'attendais le jeu, et je voulais un projet concret autour de cet univers plutôt qu'un énième blog d'actualités. Le titre du site reprend l'État fictif de Leonida et ses deux protagonistes, Lucia Caminos et Jason Duval.

C'est un projet indépendant et non officiel, sans lien avec Rockstar Games ni Take-Two Interactive.

Le site devait réunir quatre choses dans une seule expérience, conçue et développée seul.

• Une identité visuelle forte, inspirée de l'univers du jeu, plutôt qu'un thème générique.
• Du contenu de référence : fiches personnages, trailers, vidéos et galerie de screenshots.
• Un lien avec la communauté grâce à un live Twitch intégré directement dans la page.
• Deux langues dès le lancement, anglais et français.

Direction artistique et expérience

Le design s'inspire du jeu, et l'expérience commence dès l'arrivée : un écran d'entrée propose d'accéder au site avec ou sans son.

Le site a sa propre bande-son (le morceau « Chasing Again »), que l'on peut mettre en pause à tout moment depuis l'en-tête. Le choix du son est laissé au visiteur, pour qu'il ne subisse jamais une lecture automatique.

La page d'accueil affiche aussi un compte à rebours jusqu'à la sortie du jeu, qui donne un rendez-vous clair au visiteur.

Fonctionnalités

Le site regroupe cinq blocs de contenu, accessibles depuis la navigation principale.

• Live : le stream Twitch de la chaîne wantedinleonida, intégré dans la page (en attendant GTA 6, on stream GTA 5).
• Personnages : une fiche dédiée à Lucia Caminos et une à Jason Duval.
• Trailers : trailer 1 (décembre 2023), trailer 2 (mai 2025) et trailer 3 (septembre 2026).
• Vidéos : une page dédiée aux vidéos.
• Screenshots : une galerie d'images du jeu.

S'y ajoutent un compte à rebours jusqu'au 19 novembre 2026, une page de contact, et une version française complète du site, avec un sélecteur de langue dans l'en-tête.

Stack et architecture

Je suis expert Prismic, et c'est autour de ce CMS que j'ai construit l'architecture du site. Il s'appuie sur quatre briques : l'hébergement Vercel, Prismic pour le contenu, et deux intégrations externes, Twitch et YouTube. Le visiteur arrive sur le site hébergé sur Vercel. Celui-ci récupère les images et la bande-son sur Prismic, et intègre le live Twitch et les trailers YouTube.

La stack technique et les raisons de ces choix

• Prismic : c'est le cœur du projet, et l'outil que je maîtrise le mieux. Un CMS headless sépare proprement le contenu du code : je peux ajouter une fiche personnage, une image ou une vidéo sans toucher à la base de code. Sa gestion native du multilingue convient à un site anglais et français, et l'organisation du contenu en types de documents et en composants réutilisables garde le site cohérent quand il grandit. Il héberge aussi les médias (images, bande-son).
• Next.js : son intégration avec Prismic est native, et le rendu serveur ou statique donne des pages rapides et bien indexées, ce qui compte pour un site de fan qui veut être trouvé. Le routage par fichiers simplifie la gestion des deux langues.
• Tailwind CSS : il permet de construire une identité visuelle sur mesure sans maintenir de longues feuilles de style. Pour un site dont le design est le principal argument, il garde un système cohérent et des composants réutilisables faciles à faire évoluer.
• Vercel : c'est l'hébergement natif de Next.js. Le déploiement est automatique à chaque modification, avec un CDN mondial, du HTTPS et des aperçus avant mise en ligne. Pour un projet mené seul, cela supprime presque toute la charge d'infrastructure.
• Claude Code : je l'utilise comme un accélérateur, pas comme un substitut. Je garde la main sur l'architecture et les choix techniques, ce qui me permet de livrer plus vite un site complet sans rien céder sur la qualité.

Choix et défis

Trois décisions ont façonné le projet : le nom, le positionnement et le cadre légal.

Le nom de domaine. J'ai d'abord envisagé leonidafans.com, que j'ai abandonné parce que des sites similaires existaient déjà. miami6.com était déjà pris, et floridaleonida.com a été une autre option. J'ai finalement retenu wantedinleonida.com, qui garde l'esprit « recherchés » du jeu et se démarque des noms génériques.

Le positionnement. Face aux sites d'actualités existants, j'ai misé sur l'identité visuelle, l'ambiance sonore et le live Twitch intégré, plutôt que sur le volume d'articles.

Le cadre légal. Un site de fan utilise des marques et des visuels qui appartiennent à d'autres. Une mention explicite de non-affiliation à Rockstar Games et Take-Two Interactive figure donc sur le site, avec des pages de mentions légales, de confidentialité et de cookies.

Bilan et suite

Wanted in Leonida m'a permis de mener un projet de bout en bout : identité visuelle, intégration de contenus tiers (Twitch, YouTube), gestion du contenu, bilinguisme et cadre légal.

La suite dépend de la sortie du jeu. Le live passera de GTA 5 à GTA 6 dès que le jeu sera disponible, avec du gameplay en direct sur la chaîne. Des articles et du contenu supplémentaire viendront sans doute enrichir le site par la suite.

👉 Voir le site : wantedinleonida.com