2026
Live Production
Cinematic Portfolio
A premium, 3D-integrated personal portfolio demonstrating modern UI/UX.
Overview
This portfolio was designed to push the boundaries of standard web presentation, creating an immersive, cinematic experience inspired by industrial and digital workshop aesthetics.
The Challenge
Integrating high-performance WebGL and complex GSAP scroll animations without degrading performance or causing layout jank.
The Solution
Utilized Next.js 15 App Router for static & server generation, and dynamically imported heavy 3D components. Animations were hardware-accelerated and scroll-triggers optimized.
Results & Impact
Achieved high Lighthouse Performance & Accessibility Scores.
Seamless 60fps animations across tested viewports.
Created a highly modular component architecture.
Tech Stack
Languages
TypeScriptJavaScript
Frameworks
Next.js 15React 19Tailwind CSS v4Framer Motion
Tools
VercelGSAPGitHub API