Sala 04
Animaciones
La animación hace que una web se recuerde, desde una cabecera que impacta hasta una historia que se despliega al hacer scroll. La creamos como página independiente o dentro de tu web actual.
- ¿Necesitas una web completa con animación? Webs →
- ¿Necesitas una sola página de venta? Landing pages →
Por ejemplo
- Una cabecera que impacta
Un personaje o tu logotipo sigue el cursor, como Ludvik en nuestra página de inicio, mientras una lente de cristal se desliza tras el ratón. Se queda en la memoria desde el primer segundo. Podemos dibujar un personaje (se presupuesta aparte) o usar el tuyo.
Una historia con scroll
Al hacer scroll, las pantallas cambian: las fotos del producto se acercan, los pasos aparecen uno a uno y la historia lleva a la solicitud.
Un fondo en movimiento
Un degradado de seda, partículas o una superficie líquida detrás del texto. La página cobra vida y se sigue leyendo con facilidad.
Infografías animadas
Las cifras se cuentan solas, los diagramas y los pasos aparecen al hacer scroll, y las ideas complejas se entienden en segundos.
Un lanzamiento que no pasa desapercibido
Un producto o una colección nueva se presenta con animación mientras corre la cuenta atrás. Es el tipo de página que la gente comparte.
Botones e iconos interactivos
Botones, iconos y menús reaccionan al pulsarlos, y la web se nota cuidada y pensada al detalle.
Pruébalas tú
Pasa el ratón o toca: estas animaciones reaccionan a ti.
Animación ligera de bloques
Los bloques aparecen uno a uno mientras una cifra sube hasta el 100 %.
Degradado de seda
Los colores cambian despacio, como la seda.
Fondo líquido
La superficie fluye y el cursor deja ondas a su paso.
Lente de cristal
Una lente sigue el cursor y refracta el dibujo que hay debajo.
Gominola
Toca el osito de gominola. Tiembla y luego se queda quieto.
Partículas
Los puntos forman una palabra y se dispersan al acercar el cursor.
Qué recibes
01
Animación con el estilo de tu marca
Con tus colores y tipografías, y un movimiento que encaja con tu empresa: tranquilo, divertido o preciso.
02
Carga rápida
Primero carga el texto y luego la animación. Los móviles más lentos reciben una versión más ligera del efecto.
03
Donde la necesites
Como página independiente en tu dominio o como sección de tu web, también en Webflow y WordPress.
El código es tuyo
Te entregamos el código de la animación, para que puedas modificarla, ampliarla o llevarla a otra web.
Amigable con los buscadores
El texto de la página sigue siendo texto, así que Google, Bing y los asistentes de IA pueden leerlo.
Una versión más tranquila
Si el móvil de una visita tiene activada la reducción de movimiento, la animación se detiene o se suaviza, y la página resulta cómoda para todo el mundo.
Aprobada antes de desarrollar
Te enseñamos cómo se moverá la animación, recogemos tus cambios en una sola lista y los aplicamos antes de la aprobación final.
Contrato por escrito
Alcance, plazos y precio quedan fijados en un contrato por escrito, para que sepas exactamente qué recibes.
Soporte tras el lanzamiento
Corregimos errores gratis durante una semana a un mes, según el paquete.
De tu parte
- Una idea o una sensación
- Tu logotipo, tus colores y ejemplos que te gusten
- Acceso a tu web, o el diseño que quieres animar
- Ilustraciones, si quieres animarlas
Del resto nos encargamos nosotros.
Paquetes
Básico
150 €
181,50 € IVA incl.
3–5 días laborables
- Animación ligera de la página: los bloques aparecen suavemente al hacer scroll
- Botones, iconos y transiciones animados
- Cifras que se cuentan solas e ilustraciones animadas
- 1 semana de soporte
- El más elegido
Plus
300 €
363 € IVA incl.
1–2 semanas
- Gráficos interactivos directamente en el navegador (WebGL): fondo líquido, degradado de seda, partículas, lente de cristal o gominola, como en la galería de arriba
- Reacciona al cursor, al tacto y al scroll
- 2 semanas de soporte
Premium
desde 700 €
desde 847 € IVA incl.
El precio final depende de la complejidad de la historia
desde 3 semanas
- Una página-historia: las pantallas cambian al hacer scroll o clic
- Guion de movimiento y transiciones entre pantallas
- Un storyboard: apruebas cada pantalla antes del desarrollo
- Varios efectos de la galería dentro de la historia
- Sonido si lo quieres: de bibliotecas gratuitas o el tuyo
- Analítica: hasta dónde llegan las visitas en la historia
- 1 mes de soporte
En todos los paquetes: Integración en tu web, también en Webflow y WordPress · Vista previa del movimiento antes del desarrollo · Código fuente de la animación · Informe de velocidad de carga · Pruebas en distintos navegadores. La página independiente va en tu propio dominio. El dominio, el hosting, las tipografías de pago y la música se pagan aparte. Los modelos 3D y los configuradores de producto, en los que el comprador gira el producto y le cambia el color, se presupuestan aparte.