LandingEl problema
La empresa necesitaba una presencia digital que transmitiera profesionalismo y confianza. Su información estaba dispersa y no existía una forma clara de presentar sus servicios, experiencia y canales de contacto.
La solución
Se desarrolló una landing moderna con un recorrido guiado mediante animaciones suaves de scroll. La información se organiza por bloques para destacar los servicios, beneficios y experiencia de la empresa, finalizando con llamadas a la acción orientadas al contacto.
Arquitectura técnica
Next.js App Router para renderizado optimizado y SEO
GSAP + ScrollTrigger para animaciones durante el desplazamiento
Arquitectura basada en componentes reutilizables
Desafíos y soluciones
Integración de GSAP con Next.js
Las animaciones debían ejecutarse únicamente en el cliente para evitar problemas con el renderizado del servidor, inicializando ScrollTrigger correctamente después del montaje de la página.
Experiencia de navegación
El desafío fue lograr un equilibrio entre animaciones llamativas y rendimiento, manteniendo transiciones fluidas sin afectar la velocidad de carga ni la usabilidad.
Stack utilizado
Next.js
GSAP
TypeScript