// DEMO VILLA
VILLAALICE
ScrollExplore
The Objective"Bridging 1913 architectural heritage
"Bridging 1913 architectural heritage
with modern digital experiences."
We transformed a historical 1913 estate into an immersive, browser-based digital sanctuary.
ClientVilla Alice Heritage
RoleDigital Experience
Interactive UI
Interactive UI
Tech StackNext.js, React
GSAP ScrollTrigger
GSAP ScrollTrigger
Year2025
The Interface
GSAP Integration
01/ 04 Technical Highlights
ScrollTrigger Dynamics
Core EngineUsing GSAP ScrollTrigger, we pinned the main section to orchestrate a sequenced visual journey.
Clip-Path Masking
Smooth RevealsEach room is revealed via precision clip-path animations, avoiding jarring cuts and layout shifts.
Parallax Scaling
Depth PerceptionAs new images enter, the previous ones subtly scale down and darken, creating physical depth.
Snap Logic
Frictionless UXCustom snap-to-slide logic ensures the user always lands perfectly on a complete view.
