FreelancingVisit live site↗
A Desert Princess
A Desert Princess · Interactive Narrative · 2025
NarrativeGSAPInteractive
adesertprincess.com
The brief
A companion narrative site for the film — a scroll-driven, card-based digital experience exploring a Saudi heritage story of a desert princess and a bedouin boy.
Role
- Design
- Build
- Motion
Stack
- Next.js
- GSAP + ScrollTrigger
- Lenis
- Framer Motion
Palette
Aa
#0E0B08
Aa
#1B2240
Aa
#C9A24A
Aa
#E6C26B
Aa
#D9B892
Aa
#F3E7D3
Aa
#A83224
Signature
01
Frame-scrubbed scroll
GSAP ScrollTrigger scrubs the story frame-by-frame as you scroll.
02
Shutter reveals
Roshan clip-path wipes uncover each chapter like opening a lattice window.
03
Character card flips
Y-axis card flips reveal the cast — Hanadi, Trad, Hathloul and more.
04
Wax-seal CTAs
Henna wax-seal stamps close chapters and gate the coming-soon trailer.