Posgrado en Educación UCV
Landing de captación para doctorados, maestrías y programas de 2.ª Especialidad en educación de la UCV, con GSAP, scroll con Lenis y formulario de contacto.
- Cliente
- Universidad César Vallejo
- Año
- 2026
- Servicio
- Desarrollo web
- Rol
- Desarrollo frontend
- Formato
- Landing page
- Estado
- Entregado
Llevar a docentes en ejercicio hacia el posgrado que les conviene.
La Universidad César Vallejo necesitaba una landing propia para su oferta de posgrado en educación (doctorados, maestrías y programas de 2.ª Especialidad) pensada para docentes que siguen trabajando: mostrarles cómo estudiar sin dejar el aula y recoger sus datos para contactarlos.
Una landing por rutas de estudio, con formulario al final.
Implementamos la interfaz y sus animaciones: tarjetas para cada ruta de estudio, un carrusel de doctorados con Swiper, y GSAP con ScrollTrigger sobre el scroll suave de Lenis para la entrada de cada sección.
La página corre en PHP con Bootstrap y jQuery, y termina en un formulario de datos (documento, contacto, programa, modalidad y sede) para que la universidad contacte al interesado.
Lo que incluye
Rutas de estudio
Tarjetas para 2.ª Especialidad, maestrías y doctorados, cada una con su duración y modalidad.
Carrusel de doctorados
Los programas de doctorado rotan en un carrusel con Swiper.
Formulario de contacto
Documento, nombres, correo, celular, programa, modalidad y sede del interesado.
Animación al hacer scroll
Entradas con GSAP y ScrollTrigger sobre el scroll suave de Lenis.
Lo que pide el aula
Cursos de neurociencia, inclusión, tecnología e IA y bienestar socioemocional, más habilidades humanas.
Graduación inmediata
Explica el sistema de la UCV que permite sustentar la tesis en la última semana del programa.
Stack y arquitectura
- PHP
- GSAP 3
- ScrollTrigger
- Lenis
- Swiper 12
- Bootstrap 4
- jQuery
- Frontend
- PHP con Bootstrap 4 y jQuery.
- Interacción
- Swiper 12 para el carrusel de doctorados.
- Movimiento
- GSAP 3 con ScrollTrigger y scroll suave de Lenis en un mismo ciclo de animación.
- Integraciones
- Formulario de captación conectado al CRM de la universidad.
Lo que resolvimos
Animación sin trabar el scroll
Mover GSAP y Lenis con el mismo reloj para que las entradas sigan al scroll sin saltos.
Formulario completo en celular
Ordenar los campos de documento, contacto, programa, modalidad y sede para que se completen sin esfuerzo en pantallas pequeñas.
