Notes
Engineering notes.
How we build the hard parts, written for creative and technical directors.
The Figma-to-Code Gap: 7 States Every Design Agency Website Needs Before Production
A Figma frame shows one state. A production page needs seven. Here is the list we build against, and why the missing ones cause layout shift and rework.
How We Ship Real-Time Three.js Product Pages at 92 to 97 Mobile Lighthouse and 0 CLS
The budget, the compression and the loading rules behind six flagship concept sites that run live 3D and still score 92 to 97 on mobile Lighthouse.
Webflow vs Next.js for a Design Agency Website: When Each One Is the Right Call
A plain comparison for agency owners: editing, motion, 3D, performance control and cost of change, with a rule for choosing.
View Transitions in Next.js: Carrying a Shape From a Case Card Into the Case Page
How a concept agency site replaced a 900 ms crossfade that double-exposed two boards with a Web Animations carry and the View Transitions API.
Blender Scroll Films vs Live WebGL: Which One to Use for a Product Page
Pre-rendered image sequences and live three.js scenes trade off differently on weight, quality and mobile. The rule we use, with sizes from our own builds.