All projects
07 / 08Integrated web experience
SCROLL-CONTROLLED WEBSITE
VGRIC
A Next.js college website whose hero is driven by a 300-frame campus animation with forward/reverse scroll mapping and bounded decoded-frame caching.
What this project is trying to make possible.
Combine an understandable school website with a cinematic narrative that still works on smaller devices and for people who prefer reduced motion.
A plain-language view of the system.
- A static manifest discovers all frame files in sequence order.
- Native scroll progress maps directly to a target image frame.
- Direction-aware preload keeps likely next frames close to the user.
- A bounded cache and static reduced-motion frame control memory and accessibility.
What the project demonstrates today.
Where the next useful versions could go.
- Automated frame-quality checks
- Adaptive resolution sources
- More route-level storytelling
- Measured performance budgets