Principal Design Engineer specialising in design systems, data-heavy interfaces, and accessible front-end engineering. I blend visual and interaction design with hands-on React/TypeScript implementation—shipping UI end to end, from Figma and wireframes through Storybook components to production. I thrive in distributed, written-first teams and turn messy workflows into clean, scalable product experiences.
Designed and built Perfect Kerv, a pipeline from the GOV.UK Design System and Prototype Kit into brandable, white-label design systems. Implemented a Figma design-system extractor that turns GOV.UK prototypes into branded component libraries, and hooked them into the Prototype Accelerator so teams can prototype in GDS patterns then ship custom-branded React/CRM UIs without rewriting interaction patterns.
Product owner and lead design engineer for an Express.js accelerator that turns JSON-defined journeys into full GOV.UK-themed prototypes with production-like session and data behaviour. Built a low-code journey builder and export path into telePortal GDS (React/Next.js), cutting delivery from months to hours—and a GPT-4 Vision proof-of-concept that turns whiteboard architectures into working prototypes.
Designed and built Hyperspace—the design system that took Blue Prism’s enterprise RPA product from Windows desktop to the cloud. Created the system in Sketch and Figma, prototyped in Framer, and implemented it in React/Storybook as a lerna monorepo. Owned documentation, testing, packaging, CI, and deployment end to end; then used Hyperspace to ship a largely revised Blue Prism Cloud SaaS UI in six months.
Led design and engineering for telePortal—a React/MUI/Storybook pattern library that accelerates branded portals for membership organisations. Owned the Figma design system, core components, and AA accessibility; built a GOV.UK-themed React library and low-code builder for Next.js apps on D365. Powers applications for Scouts, Girl Guides, and English Heritage.
UX Lead for Experian’s identity provider on GOV.UK Verify—designed complex authentication journeys and shipped HTML/CSS/JS prototypes to GDS standards. Mapped multi-path flows, instrumented conversion analytics, and delivered revised mockups and a functional prototype that GDS called “the best we’ve ever seen” at stage gate. Journeys later adopted by Experian’s Creditmatcher brand.
Redesigned Dayinsure’s call-centre support application for white-label partners. Ran research with support teams, then shipped a fully functional HTML/CSS/JS prototype used as the build source for the production app—balancing brand flexibility with a consistent, usable workflow for high-volume support work.
Product design for FlexInsure—an app concept for buying insurance anything, anywhere, anytime. Partnered with Dayinsure’s product designer on interaction and UI, producing concepts and demos that excited their lead underwriting partner and informed the customer-facing product direction.
Built Pipeline end to end as a side project to learn Angular.js—a resource-management app on the Trello API with Gantt views of project timelines, team capacity, and leave. Design and code owned by me: data-dense scheduling UI for agile teams doing “calendar Tetris” with real constraints.
Designed a joint volunteer onboarding system for the UK’s largest volunteer organisations. Turned provided research into a proof-of-concept product design in two weeks; the concept was adopted largely unchanged and moved into implementation—complex multi-org workflows made approachable for non-technical operators.
Stepped in last-minute to deliver a full GOV.UK Discovery for a complex licensing and permits portal—work scoped for three months, completed in three weeks to hit Alpha. Rapid problem framing and service design under constraint for journeys from simple personal licences to multi-installation cases with national security implications.
Product owner and lead designer for ReadLiverpool—took the electronic library from photos and sketches through mockups to a functional HTML/CSS/JS prototype. Usability-tested across Liverpool’s full demographic range so a complex catalogue and borrowing workflow stayed easy to use.
Led the 2011 Top Tasks redesign of liverpool.gov.uk—cut thousands of pages to a focused transactional IA, shipped standards-compliant accessible front-end, and drove an 18% drop in call-centre contact within six months. The information architecture and UI patterns were widely copied across UK local government.
Helped Liverpool’s fostering team respond to competition from independent agencies with a proof-of-concept digital marketing push and relaunched fostering web offering—strategy and product framing to stabilise local foster care provision.
Co-authored the first draft of Liverpool City Council’s digital transformation strategy with LocalGovDigital colleagues nationwide—setting direction for engagement and digital service delivery across the organisation.
Designed and ran a two-year rolling improvement programme for liverpool.gov.uk so content and UX were audited continuously instead of only in five-year rebuilds—feeding mini-projects and larger development work from user feedback and remote testing.
Led research and IA for Liverpool City Council’s intranet serving 7,500+ staff across 50+ sites—surveys, Top Tasks, and treejacking to reorient the product around staff location and self-serve transactions rather than org charts.
Designed an open-source local-government icon set for liverpool.gov.uk in 2011. The visual system spread widely and still appears on council sites around the world—early evidence of design-system thinking at civic scale.