← Home

Senior Front-End Engineer / he/him

Colin Williams

Senior Front-End / Product Engineer with 15+ years building complex, stateful interfaces where the right abstraction unlocks everything and the wrong one quietly buries you. I turn ambiguous product goals into systems that feel simple to use but are deeply considered underneath. The best engineering I've done has always been rooted in understanding people.

01 — Experience

HILOS

May 2025 → October 2026

Senior Software Engineer / Team Lead

  • Technical owner of browser-based creative tool for footwear designers: infinite 2D canvas with professional drawing feel (pressure, tilt, palm rejection) and a 3D mesh editor via Three.js/React Three Fiber.
  • Architected state and rendering systems that kept 2D and 3D workspaces in sync — real-time collaboration, full undo/redo, smooth performance on large files.
  • Built tooling that let designers paint directly on 3D surfaces — selecting mesh regions, applying textures, and exporting production-ready models.
  • Led full-stack rewrite from Next.js to Vite + Django: reduced 3D render pipeline from 15 minutes to 90 seconds.
  • React
  • TypeScript
  • Vite
  • Three.js
  • React Three Fiber
  • Zustand
  • WebSockets
  • Canvas2D

Opto Investments (Contract)

October 2024 → February 2025

Senior Software Engineer

  • Architected LLM-powered document extraction pipeline: PDFs uploaded → structured output parsing → auto-populated financial forms with confidence scoring and human-in-the-loop verification.
  • Built merge and versioning system for extracted data — handled conflicts when multiple documents updated the same financial records.
  • Extensive Playwright E2E and unit test coverage for financial accuracy; contributed to design system ensuring form consistency across complex multi-step flows.
  • Improved performance through lazy loading, memoization, and code removal — reduced bundle size by 20%.
  • React
  • TypeScript
  • Next.js
  • Redux
  • Playwright
  • Storybook

Primer.ai

May 2021 → August 2024

Senior Software Engineer

  • Built a client-side SQL engine using sql.js (WebAssembly) that loaded 50MB SQLite dumps directly in-browser — enabled boolean search, filtering, and joins with no backend dependency, critical for air-gapped government deployments.
  • Rebuilt D3 Geo mapping system to support unknown customer datasets — designed a flexible region/projection system that could render arbitrary geographic boundaries with AI-extracted entity data overlaid.
  • Maintained WCAG accessibility compliance across the application for government certification; replaced legacy jQuery map implementation with modern React + D3.
  • Work directly contributed to a $5M contract renewal with the company's most critical enterprise client.
  • React
  • TypeScript
  • sql.js
  • WebAssembly
  • D3 Geo
  • Redux

Adidas

May 2020 → April 2021

Senior Software Engineer

  • Built real-time 3D product visualization for Yeezy launches — complex lighting rigs, camera animations, and Three.js-based routing with animated transitions between scenes.
  • Migrated monolithic Three.js codebase to React Three Fiber — solved the routing-in-WebGL problem by building a custom transition system that preserved 3D scene state across route changes.
  • Shipped 10+ functional prototypes for Yeezy and Ivy Park used directly in creative decision-making under high-profile pressure.
  • Served as Team Lead on Ivy Park, hiring engineers and coordinating delivery across time zones.
  • React
  • Three.js
  • React Three Fiber
  • Next.js
  • MobX

AKQA

June 2013 → December 2019

Web Developer → Principal Web Developer

  • Built multi-step room booking system for Palms Casino integrating with legacy reservation API — Redux store managing calendar availability, dynamic pricing tiers, room configurations, and payment validation.
  • Architected large-scale front-end systems for Nike, Verizon, and US Soccer — rescued off-track US Soccer project mid-sprint, stabilized architecture and shipped on deadline.
  • Led multiple teams across 6+ years, setting code standards, mentoring engineers, and coordinating delivery for high-visibility client launches.
  • React
  • Redux
  • Angular
  • Adobe Experience Manager (AEM)