Field notes, written while building.
In-depth articles covering architectural decisions, custom WebGL shaders, and everyday workflow.
- 3D & WebGL2 min readFluted glass in the browser: from Blender to WebGLFrom Blender shading experiments to lightweight real-time WebGL shaders and dark mode contrast: a craft breakdown of the portfolio's visual material.
- Motion & Front-end3 min readPage Transitions & Shared ElementPreloader curtain, cobalt wipe and Shared Element docking: behind the scenes of fluid page transitions with Next.js App Router, GSAP and Lenis.
- Design & DA2 min readBuilding the visual identityHow blending Swiss design rigor, tactile Liquid Glass and automated contrast test scripts shaped the portfolio's visual identity.
- 3D & WebGL2 min readFrom 2D logo to 3D monogramFrom vector curve exploration in Affinity Designer to an interactive glass object in Three.js: backstage decisions and technical trade-offs.
