projecte · 2026
Microsite de campanya per a Dyresel
La campanya "La luz vence" es va desplegar en dues landings unides per un mateix concepte: la innovació sempre venç les tenebres, igual que els pilots de Dyresel il·luminen la carretera. Cada acte va arribar amb un material diferent i va rebre una solució de desenvolupament diferent. Aquest microsite explica totes dues.
El punt de partida
Un microsite de campanya amb dues entregues
Dyresel fabrica il·luminació i senyalització per a vehicles industrials. La seva campanya de marca partia d'una idea amb força visual immediata: la llum dels seus pilots vencent la foscor de la carretera. Aspid Marketing va signar el concepte i la direcció creativa; Estudi Zeta va desenvolupar les dues landings que li van donar forma digital.
El desenvolupament web personalitzat que defineix aquest projecte és de mètode. Les dues landings comparteixen relat i llenguatge visual, i cadascuna va rebre la tècnica que el seu material demanava. La primera va arribar carregada de text. La segona, carregada de vídeo. Cada solució es va construir a partir del que calia explicar.
La decisió tècnica
Animacions de text sincronitzades amb l'scroll
El material del primer acte era sobretot escrit: textos explicatius del producte i de l'empresa, acompanyats d'un únic vídeo i de fragments extrets d'aquest. El pes narratiu requeia en la lectura, i la landing es va dissenyar per acompanyar-la.
Els blocs de text es revelen amb animacions GSAP activades per ScrollTrigger, al ritme al qual l'usuari avança, sobre un desplaçament suavitzat amb ScrollSmoother. El tractament tipogràfic està animat en coherència amb el relat de la campanya: la foscor travessa els titulars i la llum els va revelant, de manera que el missatge es reforça en el mateix comportament del text. Els fragments de vídeo puntuen la narració, el vídeo complet tanca la landing i el formulari de contacte recull l'interès generat.
Optimització
Carrusel de vídeos en canvas amb transicions
La segona entrega va canviar el material per complet. Dyresel volia mostrar-se com a partner global en il·luminació industrial per a vehicles de transport, i l'argument eren deu vídeos de producte amb textos breus. Una estructura pensada per a la lectura hauria desaprofitat aquest material, així que la landing va adoptar la forma que li corresponia: un carrusel de vídeos renderitzat en canvas, organitzat en passos numerats.
Les transicions entre vídeos pertanyen a la mateixa família visual que el tractament del text del primer acte, de manera que els dos actes es reconeixen com a parts d'una mateixa campanya. Els textos breus es revelen animats amb GSAP en el moment exacte de cada pas. El resultat conserva la senzillesa estructural d'un carrusel i la converteix en una peça amb identitat pròpia.
Mòbil
Vídeos verticals per a una experiència mobile completa
Les dues landings ofereixen en mòbil la mateixa experiència que en escriptori. Per aconseguir-ho es van generar vídeos verticals específics, produïts per replicar cada efecte en format mòbil, i el responsive intercanvia els fitxers segons el dispositiu. Les animacions de text, les transicions del carousel i la sincronització amb l'scroll funcionen igual en tots dos formats. Canvia el fitxer que serveix l'experiència, i l'experiència es manté.
Resultat del projecte
Dues solucions de desenvolupament per a un mateix relat
Aquest microsite respon a una situació habitual en qualsevol equip de màrqueting: el material de cada campanya és diferent, i la web que el presenta també ho hauria de ser. Un acte amb pes en el text demana animació tipogràfica i scroll. Un acte amb pes en el vídeo demana un carousel amb transicions. El concepte es manté, la tècnica s'adapta, i les dues landings se senten part de la mateixa història.
La teva pròxima campanya ja té material?
Aquest és el millor punt de partida per parlar de la teva landing. El desenvolupament adequat sap treure'n la millor forma.