Projet d'agence Libre Mullenlowe
Série de motion design regroupant 6 motions d’environ 2min pour expliquer les bénéfices du Parcours Pro Santé de BNP parisbas
BNP paribas sont venu nous voir avec l'intention de réaliser une série de motion design pour son compte "parcours pro santé". Un système de paiement et d'assurance pour tous les libéraux du domaine de la santé.
Captiver l'attention : Les animations attirent l'attention des utilisateurs. Des éléments en mouvement peuvent rendre une interface plus dynamique et interactive, attirant ainsi davantage l'œil.
Communication efficace : Le motion design peut être utilisé pour expliquer des concepts complexes de manière simple et visuelle. Les animations peuvent rendre l'information plus compréhensible et mémorable.
Renforcer la narration : Pour les vidéos promotionnelles, les présentations ou les tutoriels, le motion design peut renforcer la narration en ajoutant une dimension visuelle dynamique à l'histoire que l'on souhaite raconter.
Améliorer l'expérience utilisateur : Des transitions fluides, des micro-animations et des réponses visuelles aux actions de l'utilisateur peuvent améliorer l'expérience globale de l'utilisateur lors de l'interaction avec une interface.
Petit exercice d'animation directement réalisé sur Figma. Figma est un logiciel que j'apprécie énormément, je le trouve complet et surtout bien pensé.
La volonté de Figma de centraliser toutes les fonctionnalités au sein d'un seul logiciel semble fonctionner. Un retouchage de visuel ou de photo rapide ? C'est possible. Une petite illustration vectorielle à réaliser ? C'est possible aussi. Et pourquoi pas de l'animation ? Tout à fait possible !
Cherry Dinner est une petite animation, j'ai pris plaisir à la réaliser avec les fonctionnalités de prototypage de Figma. Certes, bien moins poussé qu'After Effects, mais il y a de quoi s'amuser, surtout avec la fonctionnalité Smart Animate. Le logiciel parvient à comprendre assez facilement la direction à prendre pour réaliser l'animation. Attention à bien respecter les mêmes noms de calques entre deux frames.
Je vous laisse découvrir le résultat en version mobile ou en version desk en cliquant sur les boutons ci-dessous.
Et on n'oublie pas la version desk ! J'ai aussi réalisé la même animation pour une version Desk.
Je vous laisse la découvrir en cliquant ici
