AAA Adrian Alvarez Alonso Portfolio
GitHub Repository

Menú de Navegación

Menú de navegación móvil con enlaces a proyectos, blog y redes sociales

NANO-9 Interactive Hero and PreloaderNANO-9 Minimal Slider and Project Showcase

NANO-9

See the project live

Portafolio de alta gama impulsado por Astro, que muestra sitios web premium y experiencias digitales con un diseño de movimiento refinado e interacción. Utiliza animaciones impulsadas por GSAP, un control de cursor personalizado y un flujo de contacto elegante para reflejar estéticas de marca de lujo.

Challenge

Desarrollar una experiencia de usuario que simulara la estética de lujo y movimiento refinado de las agencias de diseño de alta gama, manteniendo al mismo tiempo un rendimiento excelente. El desafío clave fue orquestar animaciones complejas impulsadas por GSAP (preloader, slider, revelación de texto con SplitText) y gestionar un flujo de correo electrónico seguro y limpio usando Astro Actions.

Solutions

Se construyó la plataforma utilizando Astro para la velocidad estática y se integró GSAP con `CustomEase` y `SplitText` para manejar todas las interacciones de movimiento de forma precisa. El diseño se centró en un 'Minimal Slider' con navegación por rueda/touch, y se implementó un flujo de contacto limpio utilizando Astro Actions y la API de Resend para el envío seguro de correos electrónicos.

TechStack