The site you're looking at a highly interactive portfolio with cinematic scroll animations, page transitions, and a custom design system built on Next.js and GSAP.
Role
Designer & Developer
Year
2026
Category
Web / Design
Tech Stack
The problem
Note · 01Most developer portfolios are either static resume pages or over-engineered showcases that sacrifice usability for flash. The goal was to build something that feels like a creative studio site — editorial layout, smooth transitions, attention to typography — while remaining fast, accessible, and genuinely useful as a professional portfolio.
The approach
Note · 02Built on Next.js 15 with a custom animation layer combining GSAP for scroll-driven effects and Framer Motion for layout transitions. Lenis handles smooth scrolling. The staircase page transition system, preloader, and music toggle create a cohesive experience. Every section is designed with real content in mind — not lorem ipsum placeholders.
How it was built
Milestones from concept through delivery.
Designed the visual language
Built the animation infrastructure
Implemented the staircase page transition with dynamic labels derived from project short titles.
Created the preloader system
Tuned performance
Impact
Demo
Visuals
Primary cover art for the portfolio site.
First UI capture from the live portfolio.
Second screen from the experience.
Additional layout and motion context.
