Projects

The two documents side by side: the Living with your heat pump sheet on the left, with a purple "Worried it’s broken? These are normal" banner and do and avoid cards, and the heat pump handover checklist on the right, with tick-box sections.

Living with your heat pump: a one-page sheet for owners and tenants

I designed a one-page sheet that stays with the home, for anyone who lives with a heat pump. A companion checklist for installers is a second idea. Both are proposals, shared for feedback.

Own idea

Designer

View project

Scottish proposed EPC improvements table on the left, beside the redesigned web version with house section drawings on the right.

Redesigning the UK Energy Performance Certificate

I redesigned the UK energy performance certificate as a web page that tells owners what to do next. I then compared it with the Scottish proposal. It is still an untested concept.

Own idea

Designer

View project

Just Ask: Heatpump

A free, plain-English guide to heat pumps, built from our own install. It includes tools that show how big a unit is, where it can go and how loud it is.

Personal project

Designer and builder

View project

A theme layer for Matrix 360 PDF reports

I took the Storybook component principle to PDF report generation. A theme layer now makes every Matrix 360 export follow the same documented conventions.

M360 · PDF Reports

UX Team Lead

View project

Matrix 360 Policy Wording Comparison prototype in Storybook. A table compares breakdown assistance wording across products, with long wordings capped in each cell and an "Updated on" link. The Storybook story list is visible on the left. Product names and ticket numbers are blurred.

Cutting Policy Wording Comparison back to something usable

Policy wordings run from a few lines to a full page, and our data had gaps. I designed a comparison that stays usable for both, then shaped a smaller first release the business could ship.

Matrix 360 · Policy Wording

UX Team Lead

View project

Framer canvas showing this portfolio site across desktop, tablet and phone breakpoints

Building my portfolio site with Framer and Claude AI

I built my own portfolio site end-to-end with Framer's AI agent and Claude, to see how far a no-code, AI-driven workflow could take a real site.

Portfolio

Framer + Claude AI

View project

M360 product intelligence tool prototype in Storybook

Figma-to-code prototyping for M360 with Claude and Storybook

I moved M360 from static Figma handoff to interactive, near-production prototypes, by combining Figma MCP components with existing code components in Storybook.

M360 · Storybook

UX Team Lead

View project

Matrix 360 Product Intelligence "Feature compare" page comparing feature values and DNA scores across products and competitors, with product names blurred.

Building an exploratory Product Intelligence area for Matrix 360

I joined Matrix 360 in March 2026 and found that configurable reports weren't working for users who didn't yet know what they needed. With product insight, I designed a browsable Product Intelligence area. It is now the most used part of the product.

Matrix 360 · Product Intelligence

UX Team Lead

View project

Redesigning the Engage risk profile report

I redesigned the Engage risk profile report so advisers are proud to share it. The format, look and language now convey trust and quality.

Engage · Reports

UX Team Lead

View project

MoneySuperMarket Figma design library — Components, Icons, Variables, Typography and Gradients libraries for MSM and MONY

Short-term car cover journey for MoneySuperMarket

I built a new MSM design system for a short-term car insurance journey, then proved it could be swapped to the incoming MONY brand overnight.

Comparison Creator · MoneySuperMarket

UX Team Lead

View project

Accessible sign-up form redesign screens

Accessible Signup Form for SaaS Platform

I redesigned a SaaS sign-up flow to meet AAA accessibility standards.

Uxcel

Miro

View project

DirectSoccer checkout flow screens

Design a Checkout page

I redesigned DirectSoccer's checkout to build trust and reduce friction.

Uxcel

View project

Userflow analytics dashboard showing live flows, checklists, and completion rates

Bringing user adoption software to Engage, M360 and VouchedFor

I evaluated, piloted, and rolled out Userflow as Defaqto's user-adoption platform across three products — from vendor selection, to stakeholder buy-in, to live guided tours.

Userflow

UX Team Lead

View project

Miro board mapping Uxcel courses to the six skills-matrix categories

Planning team training against the Uxcel skills matrix

I ran a Miro mapping exercise with a teammate, to plot available Uxcel courses against the six skills-matrix categories, then agreed where to focus the team's training for balanced UX maturity.

Uxcel

Line Manager

View project

Design sprinting for Defaqto Engage

I ran a design sprint with Red Badger to fix navigation and findability in Engage. I built the new design around a client hub, simple tabs, cards and a left-hand navigation.

Engage · UX/UI

UX Team Lead

View project

Engage design system Figma library — page templates, components, icons and variables

Building a component-led design system for Engage

I standardised Engage's Figma libraries and page templates into a governed, component-led design system, then extended the same discipline to the email and Word report templates it generates.

Engage · Design System

UX Team Lead

View project

© 2026 Michael Pope