#withseismic

• A set of Three.js product scenes — a newspaper, a phone in hand, a reflection room and an industrial laptop — where every screen, page and LED surface is a live, editable texture rather than a flat render.
• The headline and the artwork are edited inline; the change lands on the curved wall, the reflections and the phone display at once, because each surface is mapped back to one shared source.
• Backgrounds are generated, the reflection and emissive shaders are hand-written, and the whole set runs in the browser at interactive frame rates.
• Part of the Studies & Experiments gallery: a collection of standalone scenes that can be dragged, played and inspected.

• A story generator for a week of club nights: six animated pattern families — pixel, angular, wave and more — each seeded, coloured and typeset into a poster that stays legible at any scale.
• Every field on every poster is editable in place: date, genre, headline, colour, pattern scale and animation speed, with a one-click regenerate per poster.
• Posters export as stills for print and social, so the same system that runs on screen produces the programme's artwork.

• A gallery of standalone scenes: a full event lighting show, a playable Silksong room, editable living mockups, trading cards with prismatic foil, a working Roland 303 and 909 rack, a repair bench and a gravitational-lens shader.
• Each plate is its own build — Three.js scenes, custom GLSL, Web Audio, soft-body physics and print-style typography — and each responds to the pointer, keyboard or touch.
• The gallery itself is a piece of the work: a printed-sheet metaphor with registration marks, tape stock and a lens that pulls back while the sheet travels, plus a presentation mode that hides every instrument for demos and recordings.

Growth Society's ecommerce benchmarking project turned a static industry report into an interactive way to explore and compare brands. The engagement covered building the MVP, bringing performance data, brand profiles and analyst commentary together in a web product.

• Built an ecommerce benchmarking report in a four-week MVP sprint.
• Compared the UK's 200 largest brands using KPIs, screenshots and analyst commentary.

This project gave prospective STRV clients a conversational way to explain what they needed instead of filling out a contact form. The engineering work covered an AI chat interface that gathered project requirements and qualified enquiries before a sales conversation.

• Built a conversational lead-generation interface.
• Qualified inbound visitors inside the product instead of sending them through a form.

GrowthRunner is an analytics agency whose specialists check whether client websites record customer activity correctly. The engagement covered designing and building a Chrome DevTools extension that records user journeys, checks tracking events and produces audit evidence, replacing repetitive manual checks with a repeatable workflow.

• Built a Chrome DevTools extension that records user flows, watches the dataLayer and flags missing or incorrect tracking.
• Delivered the MVP in ten days and the finished build in two weeks.
• Reduced the time for ten analytics audits to the time previously needed for one.
• Used by GrowthRunner for clients including Wagamama and Net-a-Porter.

• Built a voice-to-ChatGPT browser extension independently.
• Reached 30,000+ users within a year.
• Set as a standalone assessment on MIT's Generative AI and LLM course.

ctxdc is an eight-week course on context engineering: how to give AI systems the instructions, information and memory they need. The work covered the course site's design and implementation, using an interactive Conway's Game of Life simulation to help visitors explore the material.

• Designed and built an eight-week LLM course around Conway's Game of Life.
• Used the live simulation as the course map.
• Received an Awwwards Honorable Mention.

This Helix.ai project was a research website intended to explain an AI lab's work to both technical and non-technical visitors. The engagement covered the site's visual design and frontend implementation, not the underlying research platform.

• Designed and built a research site for an LLM lab.