proyecto · 2026
Microsite de campaña para Dyresel
La campaña "La luz vence" se desplegó en dos landings unidas por un mismo concepto: la innovación siempre vence a las tinieblas, igual que los pilotos de Dyresel iluminan la carretera. Cada acto llegó con un material distinto y recibió una solución de desarrollo distinta. Este microsite cuenta las dos.
El punto de partida
Un microsite de campaña con dos entregas
Dyresel fabrica iluminación y señalización para vehículos industriales. Su campaña de marca partía de una idea con fuerza visual inmediata: la luz de sus pilotos venciendo a la oscuridad de la carretera. Aspid Marketing firmó el concepto y la dirección creativa; Estudi Zeta desarrolló las dos landings que le dieron forma digital.
El desarrollo web personalizado que define este proyecto es de método. Las dos landings comparten relato y lenguaje visual, y cada uno recibió la técnica que su material pedía. El primero llegó cargado de texto. El segundo, cargado de vídeo. Cada solución se construyó a partir de lo que había que contar.
La decisión técnica
Animaciones de texto sincronizadas con el scroll
El material del primer acto era sobre todo escrito: textos explicativos del producto y de la empresa, acompañados de un único vídeo y de fragmentos extraídos de él. El peso narrativo recaía en la lectura, y la landing se diseñó para acompañarla.
Los bloques de texto se revelan con animaciones GSAP activadas por ScrollTrigger, al ritmo al que el usuario avanza, sobre un desplazamiento suavizado con ScrollSmoother. El tratamiento tipográfico está animado en coherencia con el relato de la campaña: la oscuridad atraviesa los titulares y la luz los va revelando, de modo que el mensaje se refuerza en el propio comportamiento del texto. Los fragmentos de vídeo puntúan la narración, el vídeo completo cierra la landing y el formulario de contacto recoge el interés generado.
Optimización
Carousel de vídeos en canvas con transiciones
La segunda entrega cambió el material por completo. Dyresel quería mostrarse como partner global en iluminación industrial para vehículos de transporte, y el argumento eran diez vídeos de producto con textos breves. Una estructura pensada para la lectura habría desaprovechado ese material, así que la landing adoptó la forma que le correspondía: un carousel de vídeos renderizado en canvas, organizado en pasos numerados.
Las transiciones entre vídeos pertenecen a la misma familia visual que el tratamiento del texto del primer acto, con lo que los dos actos se reconocen como partes de una misma campaña. Los textos breves se revelan animados con GSAP en el momento exacto de cada paso. El resultado conserva la sencillez estructural de un carousel y la convierte en una pieza con identidad propia.
Mobile
Vídeos verticales para una experiencia mobile completa
Las dos landings ofrecen en móvil la misma experiencia que en escritorio. Para conseguirlo se generaron vídeos verticales específicos, producidos para replicar cada efecto en formato móvil, y el responsive intercambia los archivos según el dispositivo. Las animaciones de texto, las transiciones del carousel y la sincronización con el scroll funcionan por igual en ambos formatos. Cambia el archivo que sirve la experiencia, y la experiencia se mantiene.
Resultado del proyecto
Dos soluciones de desarrollo para un mismo relato
Este microsite responde a una situación habitual en cualquier equipo de marketing: el material de cada campaña es distinto, y la web que lo presenta debería serlo también. Un acto con peso en el texto pide animación tipográfica y scroll. Un acto con peso en el vídeo pide un carousel con transiciones. El concepto se mantiene, la técnica se adapta, y las dos landings se sienten parte de la misma historia.
¿Tu próxima campaña ya tiene material?
Ese es el mejor punto de partida para hablar de tu landing. El desarrollo adecuado sabe sacarle su mejor forma.
