Skip to the case study

You’re insidesomething I made.

This portfolio is a product. Try it, don’t just read it.

Scroll into the story

Designed and built by meExplore / play / keep going ↘

My product is the experience

Choose a moment ↘

A point of view, before a page.

Experience the product you’re in
The story behind the play Read the thinking ↗

The question

How do you help someone understand what it would be like to work with you before the first conversation?

A list of roles could describe the practice. This website needed to demonstrate it: business thinking, design judgment and hands-on making connected in one experience.

The move

Start with the visitor’s problem. Show the work as evidence. Let people explore five ways to collaborate, each connected to a concrete question and tangible outputs.

The visual direction takes inspiration from Astraform’s editorial scale and cinematic pacing, expressed through my existing ink, bone and signal palette. The typography and slash keep the personal identity visible throughout.

From idea to experience

The hero’s interactive form represents an idea taking shape. Pointer movement changes its perspective, and the scroll hands attention to the work. The project imagery stays legible because it is evidence, not decoration.

The service explorer connects each discipline to the question it answers, the outputs it produces and a relevant project. Each featured product opens into its own story.

Built to hold up

Astro delivers the content as HTML. A single Three.js hero adds a dimensional layer. GSAP connects movement to the reading sequence. Keyboard navigation, a static visual fallback and reduced-motion support keep the experience usable beyond the animated version.

What this demonstrates

Positioning, visual direction, interaction design and implementation in one product. The outcome here is the working experience itself; no conversion or business-impact metrics are claimed.