Project case study

This portfolio

I wanted this space to feel like me: imaginative, curious, and always building. The projects, the way you move between them, and the site itself are all part of that story.

My role: Creative direction, product decisions, and iteration with AI-assisted development.

Watch the interactive walkthrough

How it works

The way you explore is part of the project.

I wanted the site to show how I think about building, not just describe it. That meant giving the visuals a job: they help you move through the work.

My part: Creative direction and ongoing product feedback with AI-assisted implementation.
Built with: Next.js, React, TypeScript, Three.js, and Blender.

Technical overview

Blender models are exported as GLB files containing separate physical parts. React Three Fiber renders those meshes in the browser. A transition scene handles the moving pieces; a seated reading scene takes over once the laptop is assembled.

When an object is assembled, compatible geometry is batched to reduce draw calls. Its original pieces remain available for the next deconstruction.

The project walkthrough uses a canvas texture on the laptop screen. Captions and the written case study stay in HTML, so they remain readable and accessible alongside the 3D scene.

A decision and what changed

The first project-to-detail transition used separate laptop renderers. It felt like one object disappeared and another appeared. I wanted the construction to be continuous.

The transition now carries visible pieces between the source and destination. Different objects need different brick inventories, so extra pieces emerge during separation. The screen turns on after assembly, and the seated laptop scrolls with its page.

How it is checked

Automated tests cover model integrity, reversible construction, routing, and layout calculations. Browser captures are used to inspect the visible transitions and phone-sized layouts.

Those checks are evidence about the tested build and browser. They are not a guarantee of identical performance on every phone.