CREATIVE-CODING
3D
GENERATIVE
MOTION-DESIGN
+1

Yggdrasil

Generative visualisation of a neural tree: each branch is a synaptic connection calculated in real time. Interactive piece for an AI conference, with instancing in Three.js and particles that react to the room's ambient sound.

This case study went into production combining art direction, UX/UI design, motion design and creative development in a single pipeline. The goal: make navigating the product feel like a small cinematic experience, not another catalogue.

Tech stack: React, Three.js, GSAP + ScrollTrigger, custom GLSL shaders and Lenis for smooth scroll. 3D models compressed with DRACO and textures in KTX2 to hold 60 fps on mid-range mobile.

Phase 1

Concept

Workshops with the client, visual reference exploration, defining the narrative rhythm and the scroll-driven beats.

Phase 2

Design

Figma mockups with a component system, variable type, an oklch-based palette and a full motion specification.

Phase 3

Build

React + Three.js implementation, asset optimisation, headless CMS integration, cross-device QA and a documented handoff.

Work with JMWEB

Let's build something with personality.

It all starts with a conversation. Bring a brief, a reference, a half-baked idea — I'll take it from there.

Start a project

Next projects:

Cumbres

Landing page + e-commerce for an alpine gear brand. Photo shoot on a real glacier, a 3D harness configurator, and a scrollytelling story about the first rope teams. Built with Next.js + Three.js so the kit can be seen, rotated and weighed.

Sweet Studio

Visual identity + e-commerce for a boutique patisserie. Product-by-product 3D renders in Blender, a pastel palette over a black background, and a checkout that dodges the usual friction in food DTC. A lot of care in the art direction.

Prism Core

Brand concept for an on-chain trading platform. The holographic gem rotates in WebGL with real chromatic dispersion (genuine refraction indices, not faked) and the circuit ring reacts to the cursor. Three.js + custom GLSL shaders.

Pour Sessions

Art direction + photography for a studio that paints with ink and milk on canvas. Brand capsule with an editorial site, macro videos at 240 fps of every splash, and a print shop. Spoiler: it smelled better than it looks.

View all projects