Animation Lottie et web
Animations vectorielles légères pour sites et applications, livrées en fichiers Lottie qui restent nets et se chargent vite.
Points clés
- Animations conçues dans After Effects
- Exports Lottie JSON et dotLottie
- Vidéos d'aperçu pour validation
- Notes d'intégration pour les développeurs
- Aucun paiement iciVous recevez d'abord un devis écrit. Aucun paiement, aucun engagement.
- Vendu et livré par GRADAXUn contrat et une équipe, quel que soit celui qui fait le travail.
- Vos données restent dans l'UERien n'est déplacé en dehors de l'Union pour être traité.
À propos de ce service
Les animations Lottie sont des fichiers vectoriels qui s'affichent dans les sites et les applications pour une fraction du poids d'une vidéo ou d'un GIF. Nous concevons et animons des icônes, des loaders, des séquences d'onboarding et des illustrations d'en-tête, les exportons en Lottie ou dotLottie, et vérifions qu'elles s'affichent correctement dans le lecteur utilisé par vos développeurs.
Fichiers légers, nets à toute taille
L'animation sur un site web désignait autrefois un GIF ou une vidéo. Les GIF sont lourds, limités en couleurs et flous sur les écrans haute résolution. Les vidéos sont pesantes, nécessitent un lecteur et ne peuvent pas réagir à l'utilisateur. Les fichiers Lottie décrivent l'animation sous forme de formes vectorielles et de mouvements : une animation illustrée de dix secondes peut ainsi peser une fraction de la vidéo équivalente et rester nette sur n'importe quel écran.
Ils peuvent aussi être pilotés par du code. Une icône peut s'animer au survol, un loader peut tourner en boucle jusqu'à l'arrivée des données, une illustration peut se jouer au fil du défilement. Lottie convient donc aux détails d'interface pour lesquels une vidéo serait trop lourde et trop passive.
Concevoir dans les limites de ce que Lottie peut lire
Lottie s'exporte depuis After Effects, mais ne prend pas en charge tout ce qu'After Effects sait faire. De nombreux effets, flous, lueurs, calques 3D et certains modes de fusion ne s'exportent pas ou s'exportent d'une manière qui ralentit fortement la lecture sur téléphone. Une animation conçue sans tenir compte de ces limites doit souvent être refaite.
Nous concevons pour le format dès la première image, en utilisant des calques de formes, des masques simples et des fonctionnalités prises en charge. Avant la livraison, chaque fichier est testé dans le lecteur utilisé par vos développeurs : lottie-web, les bibliothèques iOS ou Android, ou dotLottie. Les animations complexes sont aussi vérifiées sur un téléphone de milieu de gamme, car une animation fluide sur un ordinateur portable peut saccader sur un appareil moins cher.
Caractéristiques
- Catégorie
- Vidéo & animation
- Prix
- 290 € à 1 050 €
- Tailles
- Petite (Jeu d'icônes), Moyenne (Animations de fonctionnalités), Grande (Système de motion)
- Délai
- 3 jours à 4 semaines
- Facturé
- Paiement unique
- Ce que vous obtenez
- 4 éléments, tout compris
- Ce dont nous avons besoin de votre part
- Où les animations seront diffusées : site web, iOS, Android ou les trois, Illustrations ou icônes existantes, ou un brief pour en créer de nouvelles, Couleurs de marque et éventuelles règles d'animation
- Le plus souvent acheté par
- SaaS, Applications mobiles, Fintech, E-commerce
- Vendu et livré par
- GRADAX, un contrat et une seule équipe
- Lieu de traitement de vos données
- Union européenne
Ce que vous obtenez
Tout ce qui suit est compris dans le prix. Rien ici n'est une option payante.
- Animations conçues dans After Effects
- Exports Lottie JSON et dotLottie
- Vidéos d'aperçu pour validation
- Notes d'intégration pour les développeurs
Ce qui change
- Des animations qui restent nettes sur toutes les tailles et densités d'écran
- Fichiers assez légers pour ne pas ralentir le chargement de la page
- Lecture testée dans le lecteur web, iOS ou Android utilisé par votre équipe
- États interactifs comme le survol, le clic ou le défilement mis en place là où il faut
Comparez les formules
Le prix standard pour chaque taille. Les options sont affichées à côté, pas cachées derrière un appel.
| Inclus | Jeu d'icônes290 €3 à 5 jours ouvrés | Animations de fonctionnalités500 €1 à 2 semaines | Système de motion1 050 €2 à 4 semaines |
|---|---|---|---|
| Jusqu'à cinq animations d'icônes ou un loader | Inclus | Inclus | Inclus |
| Fichiers Lottie et dotLottie | Inclus | Inclus | Inclus |
| Deux séries de révisions | Inclus | Inclus | Inclus |
| Test de lecture | Inclus | Inclus | Inclus |
| Tout ce que contient Jeu d'icônes | Non inclus | Inclus | Inclus |
| Jusqu'à trois animations illustrées, chacune jusqu'à dix secondes | Non inclus | Inclus | Inclus |
| États au survol ou au clic | Non inclus | Inclus | Inclus |
| Notes de mise en œuvre | Non inclus | Inclus | Inclus |
| Tout le contenu d'Animations de fonctionnalités | Non inclus | Non inclus | Inclus |
| Parcours d'onboarding de cinq écrans maximum | Non inclus | Non inclus | Inclus |
| Animation liée au défilement ou interactive | Non inclus | Non inclus | Inclus |
| Principes d'animation : timing, easing et règles | Non inclus | Non inclus | Inclus |
| Ajouter au devis |
Ajoutez ce qu'il vous faut
Choose the size
Ajoutez ce qu'il vous faut
Votre total€500
Le prix standard, plus ce que vous ajoutez. Confirmé par écrit avant tout démarrage ; rien n'est facturé tant que vous ne l'avez pas accepté.
Comment ça marche
Offre
Objectif, durée et déclencheur de chaque animation convenus.
Animer
Réalisé dans After Effects en utilisant uniquement les fonctions prises en charge par Lottie.
Optimiser
Formes et images clés simplifiées pour garder des fichiers légers.
Test
Testé dans votre lecteur cible sur de vrais appareils avant la livraison.
Questions
Pourquoi Lottie plutôt que la vidéo ou le GIF ?
Les fichiers Lottie sont généralement bien plus légers, s'agrandissent sans flou, ont un fond transparent et peuvent être pilotés par le code, par exemple se lancer au survol ou suivre le défilement.
Chaque animation peut-elle devenir un Lottie ?
Non. Lottie prend bien en charge les formes vectorielles, mais certains effets After Effects, flous et 3D ne s'exportent pas. Nous concevons dans ces limites dès le départ.
Les ajoutez-vous à notre site ?
Nous fournissons les fichiers et les notes pour votre développeur. L'intégration peut être ajoutée si vous n'avez pas de développeur.
Recherches associées
Réalisations similaires
Paiement uniqueCréation d'icônesUn jeu d'icônes sur mesure dessiné sur une même grille, pour que chaque icône semble appartenir à l'ensemble.from 290 €
Paiement uniqueConception d'application mobileÉcrans d'application iOS et Android conçus dans Figma, avec les parcours, les états et une bibliothèque de composants prête pour le développement.from 420 €
Paiement uniqueAnimation de logoVotre logo animé en quelques secondes de mouvement fidèle à la marque, pour la vidéo, le web et les réseaux sociaux.from 290 €
Paiement uniqueIncrustation et rotoscopieFond vert incrusté proprement et sujets détourés image par image, avec des contours de cheveux et de mouvement qui tiennent.from 290 €
Paiement uniqueCompositing VFXRemplacements d'écran, suppression d'objets, changements de ciel et éléments ajoutés, fondus pour que personne ne voie la jointure.from 290 €
Paiement uniqueVidéo de capture d'écranDes démonstrations logicielles enregistrées, montées et zoomées pour que les spectateurs suivent chaque clic.from 290 €
Aucune formule ne convient ?
Certains travaux ont une forme propre. Nous en étudions d'abord le périmètre et le chiffrons par écrit ; l'appel de cadrage est gratuit.