Webflow · Refonte

Atemi Productions

Client: Atemi Productions
Stack: Webflow
Site: Voir le site

Contexte

ATEMI est une boîte de production travaillant sur des projets film, photo, web et documentaire.

Le studio disposait d’un ancien site WordPress jugé daté, qui ne reflétait plus la qualité ni l’énergie de son travail.

Le projet portait sur une refonte complète : un site plus jeune, développé sur Webflow, pensé pour sortir des codes visuels habituels du secteur et mettre en scène leurs réalisations comme de véritables œuvres à part entière.

ATEMI voulait un site qui ne ressemble à aucun autre portfolio de production. Plusieurs objectifs guidaient le projet :

remplacer un site WordPress vieillissant par une expérience plus jeune et actuelle sur Webflow
mettre en valeur les photos et vidéos de façon belle et originale, à la hauteur du travail visuel du studio
proposer une navigation et des interactions qui cassent les codes des sites de production classiques
permettre au client de publier facilement ses projets, avec vidéo YouTube, contexte et photos

Réalisation

Le site a été développé sur Webflow, avec une direction artistique pensée pour transformer chaque visite en expérience immersive plutôt qu’en simple consultation de portfolio. Un travail poussé d’animation GSAP a permis de créer des interactions signature : un effet inspiré des génériques de fin de film pour clore chaque page projet, un scroll horizontal pour la page projets, et des apparitions d’images en zoom pour donner du rythme au défilement. Un curseur personnalisé a également été créé pour renforcer cette identité visuelle distincte dès l’arrivée sur le site.
Un CMS a été mis en place pour les pages projets, permettant d’intégrer facilement la vidéo YouTube du projet, son contexte, et les photos associées lorsqu’elles existent.

Détails techniques

Développement complet du site sur Webflow
Animations GSAP sur-mesure : effet générique de fin de film, scroll horizontal, apparition d’images en zoom
Curseur (souris) personnalisé
CMS pour les pages projets : intégration vidéo YouTube, contexte, galerie photo
Direction artistique pensée pour sortir des standards du secteur

Résultat

ATEMI dispose aujourd’hui d’un site à la hauteur de son exigence créative, aussi original que les projets qu’il présente. Le site permet :

de présenter chaque réalisation film, photo, web ou doc comme une expérience à part entière
de renouveler l’image du studio avec un site jeune et distinctif
de publier facilement de nouveaux projets, avec vidéo, contexte et photos
de se démarquer visuellement de la concurrence dans le secteur de la production

Le site constitue aujourd’hui une vitrine forte, cohérente avec l’ambition créative du studio.