Understand
We talk through the problem, the audience and the goal. I map it out before writing a single line.
Ch. 02The short version
No jargon. Here's how an idea becomes a fast, working product.
We talk through the problem, the audience and the goal. I map it out before writing a single line.
Clean, typed code: Next.js, Node, Python, AI. Fast pages, accessible UI, motion written by hand.
Deployed, measured and SEO-ready, then improved with real data. Small, steady releases.
Ch. 03Selected work
A few products I've designed and built — from AI voice platforms to government portals.
Case file · AI / TTS
An English text-to-speech platform with 28 US and UK voices, 24 kHz audio output, a browser interface, CLI and Python workflows, and an OpenAI-compatible API.
Read the case fileCase file · Web Platform
Location-based service platform connecting users with nearby businesses, services, and amenities in real-time.
Read the case fileCase file · Government Portal
Comprehensive government services portal providing digital access to public services, information, and citizen engagement.
Read the case fileCase file · Backend / Analytics
Advanced analytics and prediction platform with real-time data visualization, ML-powered insights, and comprehensive reporting.
Read the case fileCh. 04Motion, written in code
My explainer videos and motion graphics are HTML, CSS and JavaScript, rendered frame by frame with HyperFrames. Same skills as the websites I build.
// one scene of an explainer video — it's just code
<section class="clip" data-start="0" data-duration="4">
<h1 id="title">How the internet works</h1>
</section>
tl.from("#title", { y: 80, opacity: 0, ease: "power4.out" });
tl.to(".marker", { scaleX: 1, duration: 0.6 });Ch. 05How I can help