Refonte de site & développement Webflow
Atemi Productions
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.