Overview
Portfolio 1.0 is the project where I first defined my technical and visual identity as a web developer. The goal was to prove that advanced aesthetics and performance are not mutually exclusive: I built every section in React using Three.js for interactive 3D scenes and GSAP with ScrollTrigger for scroll-driven narrative animations. 3D models load asynchronously with precise loading state management, so the main thread never blocks during binary file parsing.
The layout is based on a Swiss-inspired typographic grid: rigid columns, proportional spacing, and visual hierarchy built through typography alone. Interactive elements respond to mouse movement with parallax and 3D rotations calculated in GSAP rather than raw CSS transforms, maintaining frame-by-frame control over interpolation. Every transition is designed to guide the eye, not to impress gratuitously.
On the performance side, I optimized Core Web Vitals with Three.js scene lazy loading, Draco compression for 3D meshes, and non-blocking font loading. Portfolio 1.0 was the proving ground where I understood how to hold visual beauty and technical excellence together. What I learned here is the foundation of how I build projects today.
