Work

Case studies

A few projects I've led or built, from performance and platform work to redesigns shaped by user research. Each one covers the problem, what I did and how it turned out.

The new dojo.tech navigation with the Products menu open, showing Dojo's card machines as image cards

Dojo

Navigation redesign

I led a team of three developers on a full rebuild of the main navigation on dojo.tech, the part of the site every visitor uses to find their way around.

  • Next.js
  • React
  • TypeScript
Peacock's sign-up banner with the redesigned pill-shaped Join Peacock button

Sky

Button redesign across Sky

I led the redesign and migration of button styles across the Sky ecosystem, including NowTV, Peacock and SkyShowtime, managing the rollout so the new designs landed without regressions.

  • React
  • TypeScript
  • Styled Components
  • Figma
  • Design systems
Peacock's Regional Sports Network search with the ZIP code 19102 entered, showing NBC Sports Philadelphia at $24.95 a month

Sky, for Peacock

Regional Sports Networks ZIP code search

On Peacock, the networks you can add depend on where you live. I built the first shared GraphQL layer in Sky's OTT department to power the ZIP code search. You enter your home ZIP code, the GraphQL layer fetches the packages available there, and the frontend shows the matching networks and prices.

  • GraphQL
  • TypeScript
  • React
  • Vitest
  • npm packages
Peacock page for The Office with a season picker set to Season 9 and episode cards showing titles, runtimes and synopses

Sky, for Peacock

Automated season and episode listings

Season and episode listings for every show used to be curated by hand in the CMS. I moved them over to GraphQL, so each page now pulls in its seasons and episodes automatically.

  • GraphQL
  • TypeScript
  • React
  • CMS
Redesigned END. Launches homepage, with upcoming launches shown as cards with their launch dates

END. Clothing

END. Launches

User research showed key details about hyped launches weren't prominent enough. The redesign put launch dates front and centre and blended product imagery into a new card layout, then spread imagery down the product page to keep people engaged until they entered the draw.

  • Next.js
  • React
  • TypeScript
  • UX research
River Island homepage after the styling framework and redesign

River Island

Styling framework and redesign

I headed up a styling framework for River Island's developers, with training alongside it. A simpler, AB-tested navigation with fixed behaviour on scroll was one of the most visible changes.

  • SCSS
  • HTML & CSS
  • AB testing
  • Training
MarketInvoice homepage after the redesign and move to React and Next.js

Kriya (formerly MarketInvoice)

Rebrand and UI library

A rebrand was the chance to move a FinTech site off AngularJS and onto React and Next.js, with a Storybook component library that made the UI reusable and easier to manage.

  • React
  • Next.js
  • Storybook
Public Health England healthy swaps email with a recipe for tomato pancakes

Public Health England

Healthy swaps email campaign

Dynamic, personalised recipe emails driven by CRM data, built from one "mothership" template and meeting strict AAA accessibility guidelines. The campaign's success paved the way for later work like Couch to 5K.

  • Email
  • Accessibility
  • CRM

Contact

Got a project or a role in mind?

I'm open to senior and lead frontend roles, and to selected freelance projects.