Rippling

Animations Lottie
Portage d'animations afin de les rendre compatibles avec les sites web et les applications natives dans un format vectoriel lisible grâce à la librairie javascript Lottie
Image illustrative de Rippling

Contexte

Rippling est une application en ligne de gestion d'entreprise : salaires, bénéfices, dépenses, applications, et bien d'autres.

Afin d'unifier le design de leurs services en ligne, et d'ajouter une touche d'humour et de personnalisation, ils ont fait appel à mes services afin de créer des boucles d'animation adaptées à tous les appareils.

Leur contrainte était d'avoir des animations très légères en poids (moins de 50 ko), et de très bonne qualité.

Proposition

Rippling savait déjà que le format Lottie est le plus adapté à ce genre de demandes : léger, animations très fluides, et d'excellente qualité dans toutes les résolutions, grâce à son format vectoriel.

Quelques animations avaient déjà été créées, mais en 3D, ou avec des expressions, qui ne sont pas compatibles avec Lottie. L'essentiel de mon travail a été de les convertir dans un format lisible par Lottie, ce qui suppose de retravailler toutes les animations, parfois image par image.

Résultats

Toutes ces animations vont pouvoir être intégrées dans tous les services en ligne de Rippling, du web aux smartphones.

Une personnalisation qui ne manquera pas de séduire leurs utilisateurs et de leur faire vivre une expérience un peu plus engageante qu'une simple animation de chargement standardisée.

Témoignages

Alexandre guided us through the technical challenges and limitations of adapting existing animations to new requirements while maintaining an exacting attention to detail. It is thanks to his expertise that we were able to get where we needed to be.

Ricky B.

Rippling

Parlons de votre projet !