A high-end digital agency site with cinematic transitions and 3D interactions. Featured on Awwwards for Site of the Day — a brand presence as luminous as the name suggests.
- Client
- Lumina StudioDigital agency
- Year
- 2023Shipped live
- Role
- Creative DirectorDesign & development
- Stack
- TS · FramerGSAP · 3D
- Award
- AwwwardsSite of the Day
Lumina needed a digital presence that mirrored their name. Not just a portfolio — an experience that communicated light, precision, and creative ambition before a single word was read.
The brief was deceptively simple: build a site that feels as premium as the work the agency produces. No templates, no shortcuts. Every interaction had to earn its place.
I designed and built the entire site. Complex GSAP scroll triggers drive the narrative, custom 3D models add depth without weight, and Framer Motion handles the micro-interactions that make the surface feel polished. The result is a site that performs at 60 fps while looking anything but utilitarian.
It was featured on Awwwards as Site of the Day — and more importantly, it drove a 40% increase in lead conversion for the agency.
Make the site
feel like the work itself.
Two principles guided the build. One: motion as a first-class citizen. Scroll isn't just navigation — it's the narrative device. GSAP timelines choreograph the reveal of every section, turning a landing page into a visual journey.
Two: performance is non-negotiable. The client wanted "magic" without sacrificing mobile experience. I used efficient GSAP timelines and selective rendering for heavy 3D assets to keep the experience smooth on every device.
Cinematic
storytelling, every pixel.
The site opens with a full-screen hero that sets the tone: a 3D luminous object that responds to scroll, casting dynamic light across the scene below. As you scroll, each section reveals with its own choreography — text that splits and rotates, images that scale into place, badges that spin in with elastic energy.
The project showcase is the heart of the experience. Every case study entry uses a custom card with a parallax image layer, a split-title reveal, and a hover state that feels tactile. The navigation is minimal and the content is generous — letting the work speak without clutter.
What it earned,
in numbers.
Made with intention.
- Creative Direction
- Sajan Poudel
- Design · Motion · Development
Sajan Poudel is a full-stack developer and designer from Pokhara, Nepal. He builds things for the web — front end to back end to deployment — using React, Next.js, Node, Postgres, and Docker.
Lumina was a full creative direction project: concept, design, motion, and development, all delivered solo. He's currently available for freelance projects and full-time roles.