Design engineer operating at the intersection of brand systems, product engineering, and creative direction. Self-taught. I take things from concept to production — no hand-offs, no waiting.

• Brand Identity & Creative Direction Constructing cohesive visual systems that command market authority.

• Precision UI/UX Design High-fidelity interface engineering focused on conversion and user retention.

• Distributed Systems Architecture Engineering crash-resilient backend logic and fault-tolerant compensation patterns.

• AI-Accelerated Workflow Leveraging advanced generative tooling to maximize development velocity and execution precision.

See full portfolio at: https://grafikui.com/work

• Motion Manifesto Interactive motion design reference system — five named animation primitives with live controls and production-ready documentation. The standard I hold all motion work to. Stack: Next.js, Framer Motion, GSAP

• Comprent Full-stack UK landlord compliance SaaS built in response to the Renters Rights Act 2025. A deterministic compliance engine computes legal deadlines and grounds; the AI assistant is deliberately decoupled from it, so it can explain but never decide. Task tracking, document generation, Stripe billing. Solo build, 10 weeks. Currently in beta. Stack: Next.js, Supabase, Stripe, Gemini AI, Vercel

• Blocinsights Qualitative research platform: brands submit a strategic question, a curated panel of senior marketing and creative leaders responds, and a structured insight report is synthesized within 48 hours. Solo build, Stripe billing live in production, Row Level Security enforced end-to-end. Stack: Next.js, Supabase, Stripe, Vercel AI SDK

• Maddox Audit AI-powered CSS diagnostic engine. Grades any URL for design system integrity across colour efficiency, typography, and structural debt. Stack: Next.js, AI

• MOD-15 Two real-time WebGL experiments — scroll-driven GLSL vertex displacement and a cinematic camera waypoint system. No pre-renders, no video files. Stack: React Three Fiber, Three.js, GLSL

• Dollsinbows Headless luxury e-commerce. Sub-2s LCP, custom cart state, Cloudinary image pipeline. 45% conversion lift. Stack: Next.js, Cloudinary, Headless CMS

• Alora Token-first design system for a fintech rewards platform. Precision micro-interactions, dark-first UI, component architecture built from the token layer up. Stack: Next.js, React, Tailwind CSS

Systems engineering for high-availability environments.

• greenops-cli   v0.13.3 Free, local-first Terraform carbon-footprint linter. Parses plan JSON, computes Scope 2/3 and water impact via an open methodology ledger, posts recommendations as GitHub PR comments. Zero network calls, zero cloud credentials. Published to npm and GitHub Marketplace, 150+ tests passing. Companion telemetry dashboard live at getgreenops.com.

• Saga Engine Crash-resilient workflow executor for Node.js. Postgres-backed persistence, best-effort compensation (undo) logic, advisory locks for distributed consistency.

• Saga Engine Go High-concurrency implementation of the Saga Pattern in Golang, optimized for microservice coordination and atomic transaction rollbacks.