The medium is the argument.

I say I'm a creative who ships the build. So I built the thing you're reading it on.

This site has no template, no CMS, and no page builder. Every page is hand-written HTML, CSS, and vanilla JavaScript — laid out, typeset, and animated by hand, then deployed as a static site. The point isn't purity for its own sake. It's that a portfolio for a Product Creative Technologist should be a working example of the discipline, not a description of it.

It was designed and built by hand, with AI in the loop — the same method behind the Woodward Brand Operating System: a person holding the story and the standard, using AI to move faster without handing over the taste. Story first. System second. The build is just the proof.

Story first. System second. The build is the proof.

The stack

Front end

Hand-written HTML · CSS · vanilla JS — no framework, no build step

Motion

GSAP + the native View Transitions API for the between-page slides

Hosting

GitHub Pages, custom domain, Git-based deploys

The Lab

A live app, not a mockup: Supabase (Postgres, Storage, Auth, Edge Functions) behind the photo system, with an installable PWA uploader

AI

An Anthropic (Claude) Edge Function digests each uploaded photo — caption, tags, palette — server-side

Type

Archivo (display) · Space Mono (labels) · Inter (reading)

Palette

Cream, ink, coral, teal, orange — on a canvas-linen texture

Analytics

GA4, loaded only after a consent choice — see the privacy note

Why it's built this way

Because the argument I make to clients and teams is that coherence can be engineered — that a brand can hold its voice while everything around it multiplies. This site is the smallest possible version of that argument: one hand holding the whole thing together, from the first idea to the production code. If you want the full-scale version, that's the Woodward BOS.