Personal / Selected work
This portfolio.
This website: a Next.js build where the name assembles from particles, the live work cycles in a 3D deck, and every claim is backed by checkable structured data.
The context
A site that has to prove what it sells.
A developer's own site is the one project with no client to hide behind. It has to be fast, legible in both themes, accessible, and findable — and it has to demonstrate the interaction and commercial thinking it sells without turning into a demo reel. Every effect here is real text underneath, and every number links to where it can be verified.
Design, development, content and search
Inside the work
The details make the difference.
- 01
A hero whose heading is real text that dissolves into a few thousand canvas particles under the pointer and reforms when it leaves, over a WebGL mesh gradient in the theme palette.
- 02
A perspective deck of the live client sites — real captures, auto-cycling, tilting with the pointer, each card carrying the site's public rating and linking to its case study.
- 03
One ambient orb field behind every page, tuned per theme and capped at a few hundred draw calls a frame, with film grain over the whole surface so flat colour reads as material.
- 04
A complete SEO layer: a linked JSON-LD graph (Person, LocalBusiness, WebSite, a typed WebPage per URL, Service, CreativeWork, BlogPosting, Blog, FAQ, Breadcrumb), an image sitemap, area pages, llms.txt and llms-full.txt for AI assistants, and a crawler that fails the build on regressions.
- 05
Self-hosted fonts, a strict Content Security Policy with no third-party requests by default, reduced-motion paths for every animation, and a shared page dock for navigation and text size.
Tools & technologies