Work / The Workshop

The Workshop

A portfolio you walk into instead of scrolling: a pavilion over the ocean, where the work sits on a table and opens when you touch it.
  • Concept, art direction, interaction design, technical directionRole
  • A real-time 3D world that runs in the browser, built for desktop and phoneFormat
  • Working prototype, still being built. Unlisted: the piece itself is not indexed; this page isStatus
  • Interactive web experiencesPractice

The Workshop

The Workshop — the entrance: an ivory pavilion over the ocean, a droid beside an optical table

The idea

A portfolio is usually a page of cards. This one is a room. The work sits in it as objects, and you use an object to see the work. No cards, no back button: the controls belong to the world.

The world

An ivory pavilion over the ocean, with mountains behind it and a switch from daylight to blue hour. The droid, the sofa and the plants were modeled for this scene. The sea and the ridges are drawn live, not painted on a backdrop.

Inside the Workshop: labels for the companion droid, TVA Case File, OpenBots and the field, floating beside their objects
Inside, as it renders today. Labels travel with their objects.

How you move through it

Drag empty space to look around. Pinch or scroll to move closer. Touch an object to use it. Open TVA Case File and its light rises through the roof until the title sequence takes over the whole view; draw downward and you are back at the table. OpenBots plays over the table as a looping capture. The field in the middle is yours to shape, then let go.

It is silent until you step in. Entering turns the sound on, and if you mute it, it stays muted.

How it was built

I design the product and make the technical calls — architecture, stack, interactions — then direct AI coding tools that build to my spec. I review and test everything that ships.

Here the stack is Three.js, self-hosted, running in the browser and built for desktop and phone, and the coding tool was Codex. The labels move with their objects.

Where it is going

Unfinished, and shown anyway. The render you see is an intermediate pass; the target is a finer finish in the materials, the light and the orb. It is also the direction for this site: in time, the Workshop becomes the way in.

Hire me for this

Available on retainer, for a few clients at a time. Everything I hand over is built so your team can use it without me.

Let’s work together