§ Services & Process
Expertise&Engagements.
Specialising in high-end digital experiences. Merging technical precision with editorial art direction to create recognition-ready interactive platforms.
Booking
Q1 — Q4 / 2027
Models
Project · Retainer
Industries
SaaS · AI · Studios
Time zone
GMT+6
◊ Tiers
Three ways to work together.
- §012–3 weeks
Sprint
A focused 2–3 week burst. We pick one painful surface and turn it into a high-fidelity, production-ready slice.
- 1 hero / landing surface
- 1 motion system + interaction spec
- Hand-off + Loom walkthrough
Best for
Pre-seed teams who need a hero moment yesterday.
From
From $4,800
- §026–9 weeks
Engagement
A 6–9 week embedded build covering everything from art direction to shipped front-end.
- Full marketing site (8–12 routes)
- Custom WebGL hero / interaction layer
- Editorial typography + design tokens
- CMS-ready handover (MDX or Sanity)
Best for
Series-A studios shipping a flagship site of the year contender.
From
From $14,400
- §033–6 month minimums
Retainer
A monthly partnership: I’m the always-on creative partner for your most ambitious moments.
- Weekly creative direction + paired build sessions
- Quarterly identity + motion refresh
- Award submissions + launch press kits
- Performance + accessibility quarterly review
Best for
In-house creative teams that need a senior partner without a senior hire.
From
$8,800/mo
◊ Capabilities · what each tier draws from
- 01
Creative Development
Pushing the boundaries of the browser. Custom 3D environments, complex shader materials, and fluid particle systems that respond to interaction with microscopic precision.
- WebGL
- Three.js
- GLSL
- GSAP
- 02
UI / UX Design
Crafting minimalist, intuitive interfaces that prioritise content and motion. Rigid grids and editorial whitespace to frame digital narratives effectively.
- UI / UX
- Design Systems
- Webflow
- Framer
- 03
Art Direction
Defining the visual language. From typography selection to color grading and motion choreography, every pixel aligns with the core brand identity.
- Art Direction
- Logo & Branding
- Typography
- Motion
- 04
Full-Stack Engineering
Production-grade systems with AI integration. Full-stack architecture, edge deployments, real-time pipelines, and pragmatic dev-ex.
- Next.js
- Node / Python
- AI / RAG
- DevOps
◊ Process
Concept to Shader.
- Workflow 01
Editorial Scaffolding & Token Architecture
Establish the typographic baseline, CSS design tokens, and semantic document graph before drawing a single polygon. Every aesthetic choice is anchored to a measurable contrast and token budget.
- Workflow 02
GLSL Shader Pipeline & WebGL Canvas
Author multi-octave fragment shaders and WebGL2 render loops with hardware-conscious constraints: DPR capping, off-screen pausing, and zero-leak context management.
- Workflow 03
Kinetic Choreography & Shared rAF Bus
Synchronize smooth scrolling with WebGL rendering through a unified requestAnimationFrame loop and continuous exponential damping. Zero React re-renders on the scroll hot path.
- Workflow 04
Zero-Jank Hardening & Verification Gate
Enforce strict Content Security Policy, sub-100ms interaction latency, zero layout shift, and automated TypeScript quality gates before deployment.
◊ Engagements
Fixed scope, 4 — 12 weeks
Project
Sites, microsites, and case-study pages. Discovery → Production with measurable performance and a public outcome.
Monthly, 30h+
Retainer
Ongoing creative engineering, motion systems and design support. For studios and AI-native product teams shipping quickly.
Long-term, embedded
Studio Lead
Lead creative engineering inside a product team. Build motion systems, hire, and codify a craft language.