Prelud Studio

Le projet

Prelud est une maison de production créative basée à Madagascar, spécialisée dans les spots publicitaires, les films de marque, les films institutionnels et les films portraits. Sa philosophie : dans un monde saturé de messages, seules les émotions restent.

Dans le cadre d'une mission freelance premium, j'ai conçu et développé le site du studio de bout en bout, de la conception de l'interface jusqu'à la mise en production.

---

Les objectifs

• Traduire en ligne l'identité cinématographique du studio.
• Mettre en valeur le portfolio et les films réalisés.
• Offrir une expérience immersive, fluide et mémorable.
• Respecter fidèlement l'identité visuelle de l'entreprise : accents vert lime, esthétique minimaliste, typographie épurée et codes du cinéma (timecodes, numéros de scène).
• Garantir une excellente expérience sur ordinateur comme sur mobile.

---

Les défis

Le principal enjeu consistait à créer une expérience riche en animations sans sacrifier les performances.

Le site devait aussi restituer l'ambiance d'un plateau de tournage : chaque transition, chaque mouvement et chaque détail graphique devait servir le récit de la marque plutôt que de simplement décorer l'interface.

Enfin, cette mise en scène devait rester cohérente et lisible sur tous les formats d'écran.

---

La solution

Le site a été développé avec Next.js pour bénéficier d'une base performante et d'une architecture à base de composants réutilisables.

Les animations au scroll, les transitions et les révélations de contenu ont été réalisées avec GSAP, associé à Lenis pour un défilement fluide qui renforce la sensation de narration continue.

Le site s'articule autour de plusieurs séquences :

• une introduction avec carrousel du portfolio ;
• un manifeste présentant la vision du studio ;
• une sélection de projets ;
• un journal « Behind the Set » dévoilant les coulisses des tournages ;
• la présentation des services ;
• un espace contact.

Le déploiement est assuré sur AWS Amplify.

---

Résultat

Prelud dispose aujourd'hui d'un site à la hauteur de son exigence créative : une vitrine immersive qui prolonge l'expérience de ses films et reflète fidèlement l'identité du studio.

L'interface allie mise en scène cinématographique, fluidité des animations et performances, tout en restant simple à faire évoluer.

---

Compétences mobilisées

• Conception UI/UX
• Direction artistique web
• Architecture Next.js
• Animations avancées (GSAP)
• Smooth scroll (Lenis)
• Responsive Design
• Optimisation des performances
• Déploiement cloud (AWS Amplify)

---

Ce que j'ai réalisé

• Conception complète de l'interface, conforme à l'identité de l'entreprise
• Architecture et développement du projet Next.js
• Animations et transitions avec GSAP
• Intégration du smooth scroll avec Lenis
• Intégration responsive
• Optimisation des performances
• Mise en production sur AWS Amplify