HABLEMOS
TODOS LOS CASOS

Nodal

Agencia de IA

Landing oscura para una agencia que implanta agentes de IA conectados a las herramientas que el cliente ya usa. El hero es un retrato con una retícula de luz violeta proyectada encima: la cámara se acerca y orbita a golpe de scroll, y la marca ocupa entera el pie de pantalla.

Next.js GSAP Lenis TypeScript Tailwind
+40%Consultas sin humano
3 semHasta producción
nodal
Portada de Nodal
LA ANIMACIÓN DEL HERO

EN MOVIMIENTO

nodal · hero
El hero: la cámara se acerca al retrato y orbita mientras la retícula de luz se cierra sobre él, y cada tramo del scroll deja una palabra de la propuesta.
EL RETO

DE DÓNDE
VENÍAMOS

  • Vender agentes de IA a pymes sin caer en el humo del sector.
  • Un hero con cara que no se sienta ni foto de banco ni render frío.
  • Mover 120 fotogramas a pantalla completa sin castigar la conexión móvil.
  • Sostener la lectura sobre un fondo casi negro en toda la página.
LA SOLUCIÓN

QUÉ
HICIMOS

  • Hero de secuencia de imágenes guiado por scroll, con un juego aparte a 1280 px para móvil.
  • Retrato generado a medida con retícula de luz y salida en fundido a negro al acabar el recorrido.
  • Identidad propia: cuatro nodos que dibujan una N, con los enlaces en degradado del primario.
  • Tres agentes, proceso en cuatro pasos y prueba social con contadores, todo sobre el mismo violeta.
EL PROYECTO POR DENTRO

MÍRALO

Nodal — pantalla 2
Nodal — pantalla 3
Nodal — pantalla 4
Nodal — pantalla 5
Nodal — pantalla 6
Nodal — pantalla 7
Nodal — pantalla 8
Nodal — pantalla 9

¿LA TUYA
CUÁNDO?

EMPEZAR PROYECTO