Work

Enterprise case studies from 19 years of frontend architecture — micro-frontends, BFF design, performance engineering, and accessibility at scale.

Enterprise B2B Platform

Architecture from scratch · NestJS BFF · CI with Sonar quality gates · GCP

Architecting a Vite-based micro-frontend platform replacing a legacy monolith for a global enterprise SaaS product. Owned the full architecture decision — tech selection, NestJS BFF design, Keycloak and Drupal integration, and CI pipeline with Sonar quality gates. Leading a 6-member FE team within a 10+ cross-functional squad.

ViteReactNestJSDrupalTypeScriptMicro-frontendsBFFGCPKeycloakPlaywright

UK Grocery Retailer — Online Commerce

4-year engagement · SPA → micro-frontends · Module Federation · multi-squad delivery

Four-year continuous engagement leading frontend architecture for a top UK grocer's online commerce platform. Evolved the architecture from SPA to micro-frontends with Module Federation as the programme scaled. Led a 3–4 person FE squad, participated in technical hiring, and drove frontend standards across a multi-squad delivery org.

ReactTypeScriptMicro-frontendsModule FederationGraphQLNode.jsSSR

US Healthcare & Prescription Platform

ADRs from scratch · 12+ engineers · cross-team arch governance · PHI-aware

Established frontend architecture governance for a US healthcare platform spanning prescription management, patient records, and pharmacy workflows. Cross-team mandate working alongside a client-side architect — introduced ADRs from scratch, aligned 12+ engineers across 2 delivery teams on shared standards with PHI compliance as a standing constraint.

ReactTypeScriptGraphQLWeb ComponentsMicro-frontendsADRsArchitectureAccessibilityStorybook

US Sporting Goods Retailer — eCommerce Rebrand

10+ engineers · AEM + React micro-frontends · Hybrid SSR/CSR · Launched 2018–2019

Architected a micro-frontend platform for a full eCommerce rebrand — designing the integration between AEM editorial authoring and React micro-frontends via a custom Node.js stitching layer with hybrid SSR/CSR rendering. Led 10+ engineers through delivery, launching in 2018–2019.

ReactMicro-frontendsAEMNode.jsSSRCommerce

Global Fashion Brand — Performance Engineering

~20% Lighthouse improvement · third-party audit · performance budget process

Brought in as a dedicated performance engineering lead for a global fashion eCommerce brand. Audited third-party script load, rendering bottlenecks, and asset delivery — achieving ~20% Lighthouse score improvement from a 60+ baseline and establishing a performance budget process.

ReactPerformanceCore Web VitalsLighthouseTypeScriptWebpack

Global Financial Platform — Canada

AODA compliant · accessible-first build · Highcharts data visualisation · onsite Canada

Delivered AODA-compliant frontend for a global financial platform — built accessible-first from the ground up, including a heavily customised Highcharts data visualisation layer for mortality and financial data. Worked onsite in Canada at client office for the duration of the engagement.

ReactTypeScriptAODAAccessibilityWCAGHighchartsFinancial Services