AGENCY
Villa Alice - Facade
// DEMO VILLA

VILLA
ALICE

Scroll
Explore
The Objective

"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
Tech StackNext.js, React
GSAP ScrollTrigger
Year2025
The Interface

GSAP Integration

01
/ 04 Technical Highlights

ScrollTrigger Dynamics

Core Engine

Using GSAP ScrollTrigger, we pinned the main section to orchestrate a sequenced visual journey.

Clip-Path Masking

Smooth Reveals

Each room is revealed via precision clip-path animations, avoiding jarring cuts and layout shifts.

Parallax Scaling

Depth Perception

As new images enter, the previous ones subtly scale down and darken, creating physical depth.

Snap Logic

Frictionless UX

Custom snap-to-slide logic ensures the user always lands perfectly on a complete view.

ScrollTrigger Dynamics
Clip-Path Masking
Parallax Scaling
Snap Logic