Miss & Mister Prom 26

Landing page interactiva desarrollada por completo para el certamen 'Miss & Mister Promoción 2026' de la Universidad César Vallejo, impulsada por animaciones avanzadas con GSAP y scroll inercial con Lenis.

UCV Miss & Mister Prom 26 Landing Page

Sobre el Proyecto

Miss & Mister Prom 26 es una plataforma promocional interactiva creada para presentar a las candidatas y candidatos del certamen institucional de la Universidad César Vallejo (UCV).

Desarrollé la landing page en su totalidad, incorporando un sistema de animaciones fluidas impulsado por GSAP (GreenSock) y un desplazamiento inercial de última generación con Lenis Smooth Scroll para crear una experiencia inmersiva.

La combinación de animaciones cronometradas en GSAP, scroll suave y maquetación responsiva garantiza un alto nivel de enganche visual y velocidad de respuesta impecable en campañas digitales.

Detalles Técnicos

  • RolDesarrollo Completo (Frontend & Web)
  • Año2026
  • AnimacionesGSAP + Lenis Scroll
  • ClienteUniversidad César Vallejo

STACK TECNOLÓGICO —

GSAP (GreenSock)
Lenis Smooth Scroll
HTML5
CSS3
JavaScript
PHP / Web Server

FUNCIONALIDADES —

Animaciones GSAP Avanzadas

Transiciones, revelados y efectos dinámicos en el scroll usando la potencia de GSAP.

Lenis Smooth Scroll

Scroll inercial suave y controlado que eleva exponencialmente la experiencia de navegación.

Diseño 100% Responsivo

Maquetación fluida adaptada minuciosamente para dispositivos móviles, tablets y escritorios.

SEO On-Page & Metadatos

Jerarquía de contenidos optimizada y configuración Open Graph para compartir en redes sociales.

Desafíos Técnicos y Soluciones

01. Sincronización de Animaciones GSAP & Lenis

Integrar el scroll inercial suave de Lenis con las secuencias de tiempo y disparadores de GSAP para mantener 60 FPS estables.

02. Desarrollo Integral desde Cero

Construcción completa de la landing desde el maquetado hasta la interactividad sin depender de plantillas prefabricadas.

03. Optimización de Rendimiento Multimedia

Compresión y carga progresiva de recursos visuales de participantes manteniendo animaciones de alta fidelidad.

¿LISTO PARA EXPLORAR LA LANDING?