Version ré-éditée pour montrer que les plans où mon travail a été utilisé.
Expertise
UI Motion design | UI Design
Outils
Agence
Paul & Jon et ByNext.
J’ai été contacté par l’agence Paul & Jon, avec qui j’avais déjà collaboré pendant un an sur divers projets, pour rejoindre en urgence une production menée pour l’agence ByNext.
Client
Le client final était Winamax, plateforme de poker en ligne, de paris sportifs et de ligues fantasy.
Contexte
La demande consistait à produire une vidéo destinée à promouvoir la campagne ByNext et BFM TV, lors du Grand Prix du Brand Content ( 2e lien ) à Paris avec l’objectif de présenter la marque Winamax. L’animation illustrait l’évolution de la plateforme à travers différentes données. Ce qui m’a convaincu d’accepter, c’était l’énergie du projet : une production courte mais très dense, mêlant rendu 3D et motion design, dans laquelle je suis intervenu alors que la pré-production était déjà lancée.
J’ai pris en charge l’ensemble de la partie motion design.
La collaboration s’est faite directement avec l’agence Paul & Jon, au sein même de leur studio. Je travaillais régulièrement avec l’équipe interne, ce qui facilitait les échanges et la coordination, surtout avec le département 3D. Mon rôle était clair : concevoir l’ensemble des interfaces en motion design, les animer, et préparer leur intégration sur les rendus 3D.
Concept
L’idée directrice du projet était de créer une vidéo qui sorte réellement du lot. La mission consistait à présenter Winamax à travers une série de chiffres, ce qui n’a rien d’enthousiasmant sur le papier. Mais l’équipe interne avait fait un énorme travail de préparation
pour transformer ces datas en une véritable démonstration visuelle. L’approche choisie reposait sur un mix média : une base d’animations 3D renforcées par des couches de motion design pour ajouter du rythme, de la précision et du relief.
Intentions visuelles
De mon côté, je devais être au niveau de ce que Paul & Jon avaient mis en place. Je voulais apporter plus que de simples animations : créer des mouvements riches, détaillés, qui ajoutent une vraie plus-value aux rendus 3D. En parallèle, toutes les interfaces et les datas affichées
devaient rester parfaitement lisibles et compréhensibles. L’ambition commune était d’obtenir un design sobre mais très dynamique, capable de donner une impulsion visuelle forte à la narration.
Challenge
Le principal défi a été de synchroniser mon travail avec celui de l’équipe 3D. Tout devait être positionné
au bon endroit, au bon moment, parfaitement calé sur leurs animations & la voix off.
Solutions mises en place
Pour y parvenir, j’ai mis en place un workflow précis : d’abord, designer toutes les UI sous Illustrator pour vérifier la cohérence de l’ensemble. Ensuite, importer et animer ces éléments dans After Effects, sans encore tenir compte des déplacements 3D, afin de créer une première version de toutes les animations. C’est seulement après ces V1 que j’ai pu affiner le timing et
ajuster les placements, grâce aux previews que l’équipe 3D me fournissait au fur et à mesure de leur avancement. La production s’est construite par un véritable aller-retour entre nos deux pôles : je devais parfois m’adapter à leurs exports, et à d’autres moments, je leur indiquais la nécessité de rallonger un plan ou de déplacer certains éléments 3D pour laisser respirer mes UI.
Pour finir, ce projet a été dense et productif. J’avais toujours voulu animer des UI. Avec ce projet, c’est validé ; j’adore animer des UI 🙂
De simples aniamtions mises ensemble font une animation complexe, surprenante, et diaboliquement dynamique.
Encore merci à Paul & à Jonathan de m’avoir laissé libre court à ma créativité tout au long de ce projet.
Diffusion
La vidéo complète a été diffusée lors du Grand Concours du Brand Content à Paris. L’agence Paul & Jon ont eu l'honneur de remporter le prix avec ByNext pour la campagne qu'ils ont réalisée.
Spec
Full HD
2”00’
Français
Note : version animator’s cut, adaptée pour cette review.
Credit
Client : Winamax
Agences : ByNext , Paul & Jon
Production : ByNext
Réalisation : Paul & Jon
3D design & animation : Paul & Jon
UI design : Marc Messiaen
Motion design : Marc Messiaen
Edit, compositing & post-prod : Paul & Jon
Printscreen d'une étape de la mise en place des éléments 2D dans l'espace 3D pour se caler à l'animation
Breakdown de l'animation. Je décompose chaque animation en ces différents éléments, ensuite je montre leur superposition avec l'export preview 3D. Pour finir, je montre le plan final composité UI animation et export 3D. De simples animations mises ensemble font une animation complexe, surprenante, et diaboliquement dynamique.
