UCV Graduate Programs in Education
Lead-generation landing page for UCV's doctoral, master's and second-specialty programs in education, with GSAP animation, Lenis scrolling and a contact form.
- Client
- Universidad César Vallejo
- Year
- 2026
- Service
- Web development
- Role
- Frontend development
- Format
- Landing page
- Status
- Delivered
Guiding working teachers to the right graduate program.
Universidad César Vallejo needed a dedicated landing page for its graduate offering in education (doctoral, master's and second-specialty programs) aimed at teachers who keep working: showing them how to study without leaving the classroom and collecting their details to contact them.
A landing page organized by study path, ending in a form.
We implemented the interface and its animations: cards for each study path, a doctoral program carousel with Swiper, and GSAP with ScrollTrigger on top of Lenis smooth scrolling for each section's entrance.
The page runs on PHP with Bootstrap and jQuery, and ends in a details form (ID, contact, program, study mode and campus) so the university can reach out to each prospect.
What it includes
Study paths
Cards for second-specialty, master's and doctoral programs, each with its duration and study mode.
Doctoral carousel
Doctoral programs rotate in a Swiper carousel.
Contact form
The prospect's ID, name, email, phone, program, study mode and campus.
Scroll animation
GSAP and ScrollTrigger entrances on top of Lenis smooth scrolling.
What the classroom needs
Courses on neuroscience, inclusion, technology and AI, and social-emotional well-being, plus people skills.
Immediate graduation
Explains UCV's system that lets students defend their thesis in the program's last week.
Stack and architecture
- PHP
- GSAP 3
- ScrollTrigger
- Lenis
- Swiper 12
- Bootstrap 4
- jQuery
- Frontend
- PHP with Bootstrap 4 and jQuery.
- Interaction
- Swiper 12 for the doctoral program carousel.
- Motion
- GSAP 3 with ScrollTrigger and Lenis smooth scrolling on a single animation loop.
- Integrations
- Lead form connected to the university's CRM.
What we solved
Animation without janky scrolling
Driving GSAP and Lenis from the same clock so entrances follow the scroll without jumps.
A full form on mobile
Arranging the ID, contact, program, study mode and campus fields so they are easy to fill in on small screens.
