Selfridges

Contributed to the rebuild of Selfridges' flagship website as part of a large engineering team, helping establish a Storybook-driven component library that ensured consistency and reuse at scale. Built on Next.js, ReactJS, TypeScript, Styled Components and Material UI with Jest/React Testing Library coverage, integrated with Adobe Experience Manager.

The Selfridges flagship rebuild had been dragging for some time, and by the point I joined the brief was simple and urgent: finish it, fast. The goal was a completely new website — cleaner and faster than what it replaced — and the answer to the timeline was scale: a team of more than ten engineers working in parallel, each owning separate components. That created its own challenge: keeping a large, fast-moving team producing consistent, well-architected, properly tested code rather than ten different interpretations of the same site.

I was one of the front-end engineers on that team, working against a tight clock without dropping the quality bar — and the bar was high: comprehensive unit tests and well-architected code were a hard requirement, not an afterthought. A Storybook-driven component library on Next.js, React, TypeScript, Styled Components and Material UI gave the team a shared foundation so the separately built components held together, with content integrated through Adobe Experience Manager and Jest / React Testing Library coverage enforcing quality as we went.

The rebuild shipped — a completely new Selfridges site, cleaner and faster, with significant performance gains over what it replaced. Delivering it meant making a large team genuinely work: more than ten engineers with different backgrounds and ways of working, pulled into one coherent result through regular catch-ups and strong technical leadership on the team.