IV ENCUENTRO DE LÍDERES

Plataforma e invitación digital interactiva para el IV Encuentro Iberoamericano de Líderes Universitarios, con carruseles animados en GSAP y scroll inercial Lenis.

IV Encuentro Iberoamericano de Líderes Universitarios

Sobre el Proyecto

El IV Encuentro Iberoamericano de Líderes Universitarios es un evento académico internacional organizado por la UCV que reúne a rectores y líderes de educación superior de España, Argentina, Brasil, México y Colombia para discutir innovación y sostenibilidad.

Como desarrollador frontend, estructuré una interfaz premium que destaca por su Noise Texturing Overlay (superposición de ruido texturizado celeste), un menú lateral interactivo e invitaciones digitales con carruseles de ponentes dinámicos.

La experiencia fluida del scroll se logró integrando Lenis coordinado con animaciones de GSAP 3 y ScrollTrigger para revelar las secciones de agenda, ponentes y transmisión en vivo de forma progresiva.

Detalles Técnicos

  • RolDesarrollador Frontend
  • Año2026
  • AestheticNoise Overlay & Glass
  • SedeCampus Trujillo & Virtual

STACK TECNOLÓGICO —

GSAP 3.12.5
HTML5 & CSS3
Bootstrap 4
Lenis & Swiper
Animate.css & Select2

FUNCIONALIDADES —

Carrusel de Ponentes

Carrusel de ponentes dinámico con efectos de glassmorphism y orbes decorativos flotantes.

Scroll Inercial

Navegación premium controlada por Lenis con transiciones fluidas de los bloques de agenda.

Transmisión en Vivo

Integración de reproductor y accesos rápidos a la transmisión en YouTube en tiempo real.

Noise Overlay

Estética visual premium que usa texturizado de ruido digital celeste para un aspecto vanguardista.

Desafíos Técnicos y Soluciones

01. Rendimiento del Noise Filter SVG

Implementar la textura de ruido animada mediante filtros SVG sin sobrecargar la GPU o causar lag en el scroll de dispositivos móviles de gama baja.

02. Interactividad de Agenda e Inscripción

Garantizar que el formulario de inscripción y la agenda interactiva sincronicen correctamente con los parámetros de la URL para habilitar flujos personalizados.

¿LISTO PARA PARTICIPAR?