Lottie y animación web
Animaciones vectoriales ligeras para webs y apps, entregadas como archivos Lottie que se mantienen nítidos y cargan rápido.
Características principales
- Diseños de animación en After Effects
- Exportaciones Lottie JSON y dotLottie
- Vídeos de previsualización para aprobación
- Notas de implementación para desarrolladores
- Aquí no se paga nadaPrimero recibe un presupuesto por escrito. Sin pago, sin compromiso.
- Vendido y entregado por GRADAXUn contrato y un equipo, quienquiera que haga el trabajo.
- Sus datos se quedan en la UENada se traslada fuera de la unión para su tratamiento.
Sobre este servicio
Las animaciones Lottie son archivos vectoriales que se reproducen en webs y apps con una fracción del peso de un vídeo o un GIF. Diseñamos y animamos iconos, cargadores, secuencias de onboarding e ilustraciones principales, las exportamos como Lottie o dotLottie y comprobamos que se reproducen bien en el reproductor que usan sus desarrolladores.
Archivos ligeros, nítidos a cualquier tamaño
Antes, la animación en una web era un GIF o un vídeo. Los GIF pesan mucho, tienen colores limitados y se ven borrosos en pantallas de alta resolución. Los vídeos son pesados, necesitan un reproductor y no responden al usuario. Los archivos Lottie describen la animación como formas vectoriales y movimiento, por lo que una animación ilustrada de diez segundos puede pesar una fracción del vídeo equivalente y mantenerse nítida en cualquier pantalla.
También se pueden controlar por código. Un icono puede animarse al pasar el cursor, un cargador puede repetirse hasta que lleguen los datos, una ilustración puede reproducirse mientras el usuario se desplaza. Eso hace que Lottie encaje en detalles de interfaz donde un vídeo sería demasiado pesado y demasiado pasivo.
Diseñar dentro de lo que Lottie puede reproducir
Lottie se exporta desde After Effects, pero no admite todo lo que After Effects puede hacer. Muchos efectos, desenfoques, brillos, capas 3D y algunos modos de fusión o no se exportan o se exportan de forma que ralentizan mucho la reproducción en los móviles. Una animación diseñada sin tener en cuenta esos límites a menudo hay que rehacerla.
Diseñamos para el formato desde el primer fotograma, usando capas de forma, máscaras sencillas y funciones compatibles. Antes de la entrega, cada archivo se prueba en el reproductor que usan sus desarrolladores: lottie-web, las librerías de iOS o Android, o dotLottie. Las animaciones complejas también se comprueban en un móvil de gama media, ya que una animación fluida en un portátil puede entrecortarse en un dispositivo más económico.
Especificaciones
- Categoría
- Vídeo y animación
- Precio
- 290 € a 1050 €
- Tamaños
- Pequeña (Set de iconos), Mediana (Animaciones de funciones), Grande (Sistema de movimiento)
- Plazo de entrega
- 3 días a 4 semanas
- Facturado
- Pago único
- Qué obtiene
- 4 elementos, todo incluido en el precio
- Qué necesitamos de usted
- Dónde se reproducirán las animaciones: web, iOS, Android o las tres, Ilustraciones o iconos existentes, o un brief para los nuevos, Colores de marca y directrices de movimiento, si las hay
- Lo compran sobre todo
- SaaS, Aplicaciones móviles, Fintech, Comercio electrónico
- Vendido y entregado por
- GRADAX, un contrato y un solo equipo
- Dónde se tratan sus datos
- Unión Europea
Qué obtiene
Todo lo que aparece abajo está incluido en el precio. Nada de esto es una mejora.
- Diseños de animación en After Effects
- Exportaciones Lottie JSON y dotLottie
- Vídeos de previsualización para aprobación
- Notas de implementación para desarrolladores
Qué cambia
- Animaciones que se mantienen nítidas en cualquier tamaño y densidad de pantalla
- Archivos lo bastante ligeros para no frenar la carga de la página
- Reproducción probada en el reproductor web, iOS o Android que usa su equipo
- Estados interactivos como hover, clic o scroll configurados donde haga falta
Compare los planes
El precio estándar de cada tamaño. Los extras se presupuestan al lado, no escondidos tras una llamada.
| Incluido | Set de iconos290 €3 a 5 días laborables | Animaciones de funciones500 €1 a 2 semanas | Sistema de movimiento1050 €2 a 4 semanas |
|---|---|---|---|
| Hasta cinco animaciones de iconos o un cargador | Incluido | Incluido | Incluido |
| Archivos Lottie y dotLottie | Incluido | Incluido | Incluido |
| Dos rondas de revisiones | Incluido | Incluido | Incluido |
| Prueba de reproducción | Incluido | Incluido | Incluido |
| Todo lo del conjunto de iconos | No incluido | Incluido | Incluido |
| Hasta tres animaciones ilustradas, de hasta diez segundos cada una | No incluido | Incluido | Incluido |
| Estados al pasar el cursor o al hacer clic | No incluido | Incluido | Incluido |
| Notas de implementación | No incluido | Incluido | Incluido |
| Todo lo de Animaciones de funcionalidades | No incluido | No incluido | Incluido |
| Secuencia de onboarding de hasta cinco pantallas | No incluido | No incluido | Incluido |
| Animación vinculada al scroll o interactiva | No incluido | No incluido | Incluido |
| Guía de movimiento: tiempos, aceleración y principios | No incluido | No incluido | Incluido |
| Añadir al presupuesto |
Añada lo que necesite
Choose the size
Añada lo que necesite
Su total€500
El precio estándar, más lo que usted añada. Confirmado por escrito antes de empezar; no se cobra nada hasta que lo acepte.
Cómo funciona
Plan
Propósito, duración y disparador de cada animación acordados.
Animar
Creado en After Effects usando solo funciones compatibles con Lottie.
Optimizar
Formas y fotogramas clave simplificados para mantener archivos pequeños.
Prueba
Reproducido en su reproductor objetivo y en dispositivos reales antes de la entrega.
Preguntas
¿Por qué Lottie en lugar de vídeo o GIF?
Los archivos Lottie suelen ser mucho más pequeños, escalan sin perder nitidez, tienen fondo transparente y se pueden controlar por código, como reproducirse al pasar el cursor o seguir el scroll.
¿Toda animación puede convertirse en Lottie?
No. Lottie admite bien las formas vectoriales, pero algunos efectos de After Effects, desenfoques y 3D no se exportan. Diseñamos dentro de esos límites desde el principio.
¿Los añade a nuestra web?
Entregamos archivos y notas para su desarrollador. La implementación se puede añadir si no tiene desarrollador.
Búsquedas relacionadas
Trabajos relacionados
Pago únicoDiseño de iconosUn set de iconos personalizado dibujado sobre una sola cuadrícula, para que cada icono parezca encajar con el resto.from 290 €
Pago únicoDiseño de apps móvilesPantallas de apps iOS y Android diseñadas en Figma, con flujos, estados y una librería de componentes lista para construir.from 420 €
Pago únicoAnimación de logoSu logotipo animado en unos segundos de movimiento que encaja con la marca, para vídeo, web y redes sociales.from 290 €
Pago únicoChroma key y rotoscopiaCroma recortado con limpieza y sujetos recortados fotograma a fotograma, con bordes de pelo y movimiento que aguantan.from 290 €
Pago únicoComposición de VFXSustitución de pantallas, eliminación de objetos, cambios de cielo y elementos añadidos, integrados para que nadie vea la unión.from 290 €
Pago únicoVídeo screencastRecorridos por el software grabados, editados y con zoom para que el espectador siga cada clic.from 290 €
¿Ningún plan encaja?
Algunos trabajos tienen forma propia. Primero los analizamos y los presupuestamos por escrito; la llamada de análisis no tiene coste.