Lavicon

Une icône animée rend une page d'accueil ou une application plus vivante. Mais en produire une demande un designer, un logiciel comme After Effects et plusieurs heures par icône. Les petites équipes produit et les développeurs indépendants s'en passent donc le plus souvent. Les modèles d'IA qui génèrent des images puis des vidéos ont rendu possible une autre approche.

Notre objectif était qu'un utilisateur décrive l'icône voulue en une phrase et récupère, en quelques minutes, une animation au style 3D isométrique, prête pour le web. Les icônes d'un même projet devaient rester cohérentes entre elles. Le produit a été conçu, lancé, puis revendu.

Un développeur prépare la page d'accueil de son application et veut trois icônes animées pour illustrer ses fonctionnalités. Avec des générateurs d'images classiques, il obtient trois styles différents, des angles de vue qui ne correspondent pas et des fichiers impossibles à animer. Une designer veut une boussole qui tourne au survol de la souris, sans apprendre un logiciel d'animation. Le défi était double. Il fallait garantir un style visuel constant d'une icône à l'autre, puis produire une animation propre et légère, utilisable directement dans un site ou une application.

Nous avons construit une application web en Next.js et une API Node.js qui enchaînent deux modèles d'IA. Le premier génère l'icône fixe à partir de la description, avec un guide de style strict : caméra orthographique, angle isométrique constant, sujet centré. Le second, un modèle de génération vidéo, anime cette icône selon une consigne de mouvement. Une file d'attente gère ces générations, plus longues qu'une requête classique. L'animation est ensuite convertie en WebM ou en planche de sprites PNG. Pour les développeurs, nous avons publié sur npm un composant React, lavicon-animation, qui joue l'icône au survol, au clic ou en boucle. Des préréglages aident à démarrer, et le paiement se fait par packs de crédits, sans abonnement.