Refonte de site & développement Webflow

Atemi Productions

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.

Contexte & enjeux

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.

Portfolio

Découvrez mes autres réalisations

Des projets web conçus pour répondre à des besoins concrets.