Some Stuff Studio, qu'est-ce que c'est ?

Some Stuff Studio est le site web d'un studio 3D basé à Paris, spécialisé dans la création de contenus visuels haut de gamme. Le studio réalise des projets variés allant des documentaires pour Arte aux campagnes publicitaires pour des marques de luxe comme Breitling et Renault.

Pourquoi ce projet ?

Le studio avait besoin d'une vitrine digitale pour présenter son portfolio de manière immersive et professionnelle. L'objectif était de créer une expérience utilisateur qui reflète la qualité créative du studio tout en mettant en valeur les projets vidéo de manière optimale.

Dans quel contexte ai-je travaillé sur ce projet ?

J'ai réalisé ce projet en stage de janvier à avril 2025. J'étais seul sur le développement technique, travaillant en collaboration avec le studio pour traduire leur vision créative en réalité.

Quel est le public visé ?

Le site s'adresse à des clients potentiels du studio : marques de luxe, chaînes de télévision, agences de publicité et producteurs cherchant un partenaire pour leurs projets de production audiovisuelle.

Quels défis ai-je dû relever ?

•

Optimiser les performances vidéo pour garantir une navigation fluide malgré un contenu multimédia lourd. J'ai mis en place un serveur HLS pour le streaming adaptatif.

•

Intégrer des animations complexes tout en maintenant d'excellentes performances.

•

Structurer un CMS headless (Directus) pour permettre au studio de gérer facilement son portfolio sans compétences techniques.

•

Traduire une vision artistique forte en code, en respectant l'identité créative du studio.

Comment ai-je mené ce projet à bien ?

•

J'ai choisi Nuxt pour sa performance et ses capacités SSR, garantissant un excellent référencement et des temps de chargement optimaux.

•

Pour le back-end, j'ai intégré Directus comme CMS headless, offrant une interface intuitive pour la gestion du contenu.

•

J'ai développé une infrastructure de streaming vidéo avec HLS pour assurer une lecture fluide quel que soit le débit de connexion.

•

L'utilisation de Docker a facilité le déploiement et la maintenance de l'application.

Qu'est-ce que le projet m'a appris ?

•

J'ai approfondi mes compétences en optimisation de performances, notamment pour le streaming vidéo et les animations web.

•

J'ai appris à traduire une vision créative en code fonctionnel, en collaborant étroitement avec des professionnels non techniques.

•

Ce projet m'a permis de maîtriser l'intégration d'un CMS headless et de comprendre les enjeux d'un système de gestion de contenu performant.

•

J'ai renforcé ma capacité à travailler de manière autonome sur un projet complet, de la conception à la mise en production.