Contexte
Chaque année, les B1DEV s'affrontent dans une compétition YouTube : à partir d'une chaîne existante, ils conçoivent une landing page qui en restitue l'univers et donne envie de s'abonner. L'équipe d'Archeos a misé sur une chaîne dédiée à l'archéologie augmentée par la 3D, les scans et l'imagerie documentaire. Le défi : traduire un sujet exigeant, entre recherche et reconstitution, en une page web claire, rythmée et crédible, capable de capter un public curieux sans rien sacrifier au sérieux scientifique.
Démarche
Problème
Comment présenter une chaîne au sujet dense (épaves, sites disparus, civilisations) sans perdre le visiteur ? Une landing page n'a que quelques secondes pour convaincre. Il fallait hiérarchiser l'information, placer la vidéo principale au cœur du parcours et donner à voir la démarche (scan, reconstitution, analyse) plutôt que la décrire. Le tout en codant une interface fluide, lisible sur tous les écrans, fidèle à l'identité sombre et technique de la chaîne, et pensée pour transformer la curiosité en abonnement.
Solution
Un parcours en quatre temps : une accroche avec carrousel d'archives visuelles, un bloc « concept » qui pose le ton, l'épisode phare sur le Titanic reconstitué en 3D, puis les formats courts et l'équipe. La vidéo principale est mise en scène par des données de profondeur, de coordonnées et d'année qui plongent le visiteur dans l'enquête. Intégrations YouTube, animations au défilement et identité visuelle cohérente ont été développées en front-end, avec une vraie attention au rythme de lecture.
Résultat
Une landing page en ligne, autonome et soignée, fidèle à l'univers d'Archeos. La structure éditoriale guide le regard du concept jusqu'à l'abonnement, et l'épisode Titanic démontre la promesse de la chaîne : rendre l'archéologie visible par la technologie. Au-delà de la compétition, les étudiants repartent avec un projet publiable dans leur portfolio, une première expérience du front-end appliqué à un cas réel et la maîtrise d'un enjeu clé du métier : faire dialoguer contenu, design et code.
Encadrement
Céline Crespin, Florent L'Helias.
Galerie
