Vignette animée : 0% micro plastiques

Je me suis donné comme objectif pour cette courte animation personnelle de travailler sur l'univers graphique d'une marque durable. J'ai choisi la marque Umaï, qui propose des shampoings et après-shampoings avec une très belle éthique d'entreprise (d'ailleurs, Umaï veut dire Une Marque à Impact). Ma problématique : comment, en quelques secondes, incarner le message ET l'univers graphique d'une marque ?

L'étude de l'univers graphique d'Umaï

Dans un premier temps, j'ai analysé les images et l'univers graphique de la marque. Je me suis notamment concentrée sur le lancement de l'après-shampoing solide, qui a donné lieu à une très belle vidéo signée Sacha Soffer :

L'univers de cet après-shampoing est celui de la marque dans son ensemble :

• une gamme restreinte de couleurs pastel douces, surtout sur l'axe bleu-jaune pâle, à l'exception notable du vert foncé de la typographie de la marque
• des volumes francs et pleins, des compositions simples

En deux mots, cette marque dégage deux choses : douceur et franchise. C'est un combo inattendu mais très efficace qu'on retrouve depuis le début de l'entreprise et la première vidéo pour le crowdfunding de la marque sur Ulule :

• La douceur : les tons utilisés dans l'image, des grands plans larges ou travellings de nature au drone, des bienfaits des produits et des attitudes perçues des fondatrices.
• La franchise : dans ces mêmes attitudes des fondatrices, une force intérieure et une détermination qui ne font aucun doute et qui donnent envie de suivre leur aventure. De la marinière (je suis pas totalement objective là) aux poses face caméra et aux mots utilisés, la communication mise sur la force de la franchise et de l'authenticité.

‍

On remarque aussi que le moment du soin (le moment où on voit l'utilisatrice consommer le produit) n'est pas le point central de ces vidéos.

Contrairement à la grande majorité des spots et images des entreprises cosmétiques, qui s'appuient sur l'expérience sensorielle de l'utilisatrice centrée sur elle-même (pendant et après le soin), Umaï propose une expérience intellectuelle (comment est fabriqué mon produit, les valeurs que je défends, le côté "no-bullshit") et sensorielle mais basée sur la nature qui nous entoure et très peu la sensorialité du soin de soi. Cela peu avoir un côté libérateur et se pose dans tous les cas en décalage avec une industrie qui a souvent surjoué le souci de la séduction et de l'auto-centrage.

On note d'ailleurs que la communication d'Umaï n'est pas genrée (là encore, une vraie originalité) : "Tous, ça veut dire vous aussi les mecs, parce que jusqu'à preuve du contraire vous passez vous aussi sous la douche" (citation de la vidéo du crowdfunding).

‍

J'ai dit que j'étais fan ?

‍

Les choix stratégiques pour le motion design

Pour cette animation personnelle, je me suis donné 2 objectifs :

• incarner parfaitement l'univers de la marque sans pour autant ni la nommer ni présenter ses produits
• transmettre un message : il faut se retrousser les manches pour passer au 0% micro plastique dans les produits que nous utilisons, c'est essentiel pour protéger nos océans (c'est le message transmis par la communication d'Umaï sur l'après-shampoing.

N.B. J'ai décidé de ne pas nommer ni identifier la marque dans l'animation car c'est un projet personnel, Umaï n'est pas impliqué dans ce travail et ne m'a donc donné aucune autorisation d'utiliser leur image. Par ailleurs, étant donné que les micro-plastiques sont une problématique qui existe également dans l'industrie textile, je réalise que cette animation peut totalement être lue dans le contexte de la mode durable, et ça ne me dérange pas du tout, au contraire.

Du coup, mes choix stratégiques sont les suivants :

• une palette de couleur restreinte qui reprend les couleurs de la marque
• des formes simples et souples
• une attitude frontale du personnage : regarde la caméra, relève ses manches, regarde le texte
• un centrage sur le message : le personnage porte son regard sur le texte, ce qui nous amène à le regarder également
• choix du format carré : il s'agit de porter le message sur les réseaux sociaux
• une douceur des gestes : très souples, dans les gestes, les transitions, les mouvements légers des cheveux, le clignement des yeux
• une surprise : le décor bicolore semble abstrait, jusqu'à ce qu'on réalise que c'est la mer quand un dauphin fait un saut dedans (sous-titre : la mer est là, ne l'oubliez pas).

‍

Le choix de la création visuelle

L'animation durant une poignée de secondes, il ne s'agissait pas de réaliser un storyboard complexe ou une ribambelle de Style Frames, mais une Style Frame tout de même, c'est à dire une image fixe traitée avec tout le fini et le style graphique choisi pour l'animation finale.

En temps normal, cette style frame est réalisée dans un logiciel pour image fixe (comme Adobe Photoshop ou Illustrator par exemple), mais ici je savais que j'allais utiliser une certaine méthode d'animation vectorielle et j'ai donc fait le choix non conventionnel de réaliser ma Style Frame directement dans le logiciel de motion design qu'est Adobe After Effect. Ma référence est une vidéo que j'ai réalisée chez moi, ce qui est un procédé couramment utilisé par les animateurs pour mieux capturer le mouvement.

‍

Ci-dessous, voici donc ma première création. Comme dans beaucoup de mes dessins, les cheveux sont bleu mais ne devraient pas le rester !

‍

En réalité, à la fin du projet, cette image a évolué vers ceci :

On retrouve la palette initiale :

‍

L'animation

J'ai réalisé l'animation sous Adobe After Effect, en animant, parfois quasiment image par image, des vecteurs. Ma référence est ma vidéo personnelle, que je place dans mon logiciel pour me guider avant de la redessiner entièrement, en la stylisant. Les différentes parties de l'image sont animées séparément : en voici la liste (chacune est une petite animation autonome :

‍

La réalisation terminée est une vidéo de quelques secondes qui a attiré l'attention de mes abonnés sur les réseaux sociaux. La forme comme le fond ont été très bien reçus !

‍