Developed a premium conversion-focused portfolio using React, Vite, and Three.js, solving mobile battery drain by implementing instanced mesh particle systems and viewport-aware loops.
Fast portfolio load times
Increase in consultancy calendar bookings
Minimizing battery drainage and page load speeds on mobile browsers while maintaining complex 3D hardware-accelerated hero canvases.
Engineered an instanced particle array drawing hundreds of dynamic nodes in a single draw call, and configured viewport-aware intersection monitoring.
Engineered single instanced mesh rendering to process hundreds of particles in a single WebGL draw call, eliminating draw overhead.
Configured Intersection Observers that halt dynamic 3D calculations whenever the hero viewport is scrolled away.
Transforming hundreds of particle coordinates in a single frame.
particles.forEach((p, idx) => { tempObject.position.set(p.x, p.y, p.z); tempObject.updateMatrix(); meshRef.current.setMatrixAt(idx, tempObject.matrix); });If something here looks like what you're facing, tell me about it. The first conversation is an architecture discussion, not a sales call.
