Overview
A personal digital playground designed to reflect my identity as a creative developer. Rather than relying on standard templates, I wanted to build a bespoke experience that feels alive. It serves not just as a gallery of my past work, but as a living proof of my skills in bridging the gap between intricate design and solid front-end engineering.
Challenge & Execution
The primary challenge was implementing complex, continuous motion graphics without sacrificing web performance and accessibility. I chose Next.js 15 for its robust server-side capabilities and paired it with Framer Motion to orchestrate fluid, physics-based animations. I adopted a motion-first architecture, ensuring that transitions don't block the main thread. Lazy loading, layout shift prevention, and custom cursor mechanics were meticulously coded to create an immersive yet highly performant user journey.
Results
Achieved a 98+ Lighthouse performance score despite heavy animation usage.
Reduced Cumulative Layout Shift (CLS) to near zero through strict layout boundaries.
Established a cohesive, memorable brand identity with custom interactions.