It’s been about two years since I last designed and developed my portfolio, so I’ve been exploring what the next iteration could look and feel like.
After experimenting with a few different themes and concepts, I think I’ve finally landed on a direction I want to pursue.
Starting with some early visual and WebGL explorations.
Further explorations with crosshatch shading + raymarching. Adding RGB shift, shape morphing, and rotation to introduce more movement and variation into the effect.
More raymarching explorations — this time with mouse interaction.
Using the cursor to drive a fluid-like blend between two SDFs, creating a transition that feels organic and responsive rather than fixed.
A small dev tool I add to every site I build.
I recreate the design grid directly in the browser and use it throughout development to keep spacing, alignment, and proportions consistent with the original design. Simple, but makes getting from Figma → browser much more precise.
...
One of my favorite effects to create with GLSL/WebGL. By combining an image with depth and normal maps, you can simulate dynamic lighting that responds to the mouse position—adding a sense of depth and dimension to an otherwise static image. A simple interaction that can make an...