← WorkCase 042026

The Digital Forge

The FORMKOD site is itself a product. A real-time WebGL scene built from reused industrial models shows the studio process — idea, design, develop, automate, deploy — as a machine that assembles software.

Client: FORMKOD
Category: WebGL / Brand Site
Year: 2026
Services: Art direction, 3D / WebGL, Motion, Front end
Stack: Next.js, React Three Fiber, Three.js, GSAP, Lenis

Close view of the Digital Forge: two robotic arms over the assembly bed below five floating stage screens

01Concept

Show the process, not a promise.

Instead of a slogan, the hero shows the work: a forge that takes an idea through every stage until it ships.

02Performance

Cinematic, but light.

Five models are compressed, deduplicated and instanced. Pixel ratio is capped, effects scale down on mobile and a static fallback covers devices without WebGL or with reduced motion enabled.

Wide view of the forge: gantry, two robotic arms, server racks and five stage screens — The full cell under the gantry — every part is a reused, re-graded model.

//Build manifest

01// case 04 · webgl / brand site
02export const build = {
03  project: "The Digital Forge",
04  client: "FORMKOD",
05  year: "2026",
06  services: ["Art direction", "3D / WebGL", "Motion", "Front end"],
07  stack: [
08    "Next.js",
09    "React Three Fiber",
10    "Three.js",
11    "GSAP",
12    "Lenis",
13  ],
14} as const;

Show the process, not a promise.Show the process, not a promise.

Cinematic, but light.Cinematic, but light.

Show the process, not a promise.

Cinematic, but light.