Tools and Processes
What I work in, by function.
Tools follow the process, not the other way round, so each function below opens with the way the work moves and then the tools that serve it. Everything listed has evidence behind it: a working file from the engagement, the resume, or the code of a product that is live.
The processes
Six ways the work moves
User-centred design
Research and design
Design system governance
Systems and accessibility
Build, measure, learn
Product
Agile squads and delivery gates
Delivery
Ship, test, observe
Development
Three horizons and the innovation pipeline
Approach
Research and user-centred design
Every engagement starts with people, not screens. Interviews and contextual inquiry to see the work as it is done, personas built from data rather than assumption, journeys and service blueprints to find where the manual steps and the waiting sit, then testing on prototypes before anything is built.
Process · The UCD cycle
- 1Discover→
- 2Define→
- 3Design and prototype→
- 4Test→
- 5Measure→
- 6Optimise
The University of Antwerp programme is the fullest written example: thirteen to fifteen users recruited by segment, ten task scenarios, moderated and recorded sessions, card sorting for the information architecture, and repeat measurement once live.
Methods
Research and testing tools
Accessibility research
UX and UI design
From information architecture and user flows through low, medium and high fidelity wireframes to final UI and production handoff. I do the wireframes and the journeys myself. Fidelity rises only as questions get answered: a low fidelity frame settles the structure, a high fidelity one carries the client's brand so a review is of something that looks like the product.
Process · Fidelity ladder
- 1Sketch and flow→
- 2Lo-fi wireframe→
- 3Mid-fi with annotations→
- 4Hi-fi with brand→
- 5Interactive prototype→
- 6Production handoff
The Betfred templates from November 2010 on the site were drawn in Visio; the 2017 TMHCC screens in Axure and Sketch; the 2026 work in Figma and directly in code.
Design and prototyping, current
Design and prototyping, over the years
Visual and motion
Design systems and accessibility
A design system is how seventy broker sites, three hundred and fifty credit unions or twenty-eight thousand pages stay consistent without a designer looking at each one. The style guide is written when wireframing begins and kept current through delivery; the component library carries every state, and accessibility is a property of the components rather than an audit at the end.
Process · Governance
- 1Style guide first→
- 2Component library with every state→
- 3Tokens shared by Figma and code→
- 4Brand rules per property→
- 5Conformance checked automatically→
- 6Change once, inherit everywhere
System tooling
Accessibility
Product management
Discovery to definition to a backlog a team can estimate, with the number each initiative has to move written down before it starts. Build, measure, learn is the operating rhythm: a hypothesis, an experiment, a reading, a decision. Personalisation and experimentation platforms are product tools here, not marketing ones.
Process · Build, measure, learn
- 1Opportunity and hypothesis→
- 2OKR and experience metric→
- 3Prioritised backlog→
- 4Experiment or release→
- 5Read the data→
- 6Pivot, persevere or retire
Betfred ran more than 250 build, measure, learn initiatives a year on this cadence. The three horizons model and the innovation pipeline are on the Approach page.
Planning and backlog
Experimentation and personalisation
Analytics and measurement
Project and delivery management
The plan, the budget, the RAID log, change control and the status report to the sponsor, owned by me on every engagement rather than handed to someone else. Agile squads by product line where the organisation can support them, sprint and release planning with UAT and QA gates before each release, and offshore and third-party partners managed to estimate and acceptance.
Process · Delivery track
- 1Scope and estimate→
- 2Governance and steering→
- 3Sprint and release planning→
- 4Change control→
- 5UAT and QA gates→
- 6Hypercare and benefits tracking
The Avios digital target operating model on the site shows the squad structure, the fast track and the release model as they were designed for a client.
Planning and tracking
Collaboration
Quality and release
Ways of working
Development and engineering
I build with AI tooling rather than by hand, and the products are real: SoloBusinessAI, FloraLoop, Cura Mirai, the ShelterPoint demonstration and the DXP Auditor all run on the stack below. Knowing the stack is what lets a design conversation with engineers be about trade-offs rather than translation.
Process · How a product ships
- 1Prototype in code→
- 2Schema and row-level security→
- 3Edge functions and integrations→
- 4Tests that go red→
- 5CI on every push→
- 6Deploy and observe
Languages and frameworks
Backend and data
Hosting, CI and observability
Worked alongside, on client platforms
Platforms: CMS, DXP, commerce and search
Sitecore is the deep one: I led the practice across fifteen enterprise clients, built the architect team and ran the partner relationship. The others range from platform selection and architecture to hands-on implementation, and the list is what a multi-site estate in a regulated business tends to run on.
Process · Platform work
- 1Selection and evaluation→
- 2Architecture and integration blueprint→
- 3Design system on the platform→
- 4Migration and content→
- 5Personalisation and experimentation→
- 6Managed service and optimisation
CMS and DXP
Commerce and PIM
Search and content
Cloud, CDN and identity
AI tools and conversational platforms
Two eras. Before large language models, conversational systems on intent-model platforms where every dialogue path was authored by hand, deployed for Channel 4, Adecco, Ofcom and others. Since 2024, products built with model APIs directly, with grounded retrieval, output guards, deterministic rules in front of the model, and evaluation corpora with regression tests.
Process · AI in the design process
- 1Prompt to prototype→
- 2Working code in the repo→
- 3Tokens feeding Figma and the codebase→
- 4Eval corpus with false-positive scoring→
- 5Human handoff with context→
- 6Regression tests that go red
SoloBusinessAI runs twenty-four coordinated agents; ShelterPoint's assistant is trained in five knowledge layers with a compliance boundary; the DXP Auditor is eighteen audit agents scoring a site.
Building with models
Conversational platforms, pre-LLM
Automation and RPA
Generative media
Immersive and emerging technology
Concepts and proofs of concept for VR, AR and connected devices, from the virtual casino and the airport smart-glasses work to the accessibility concepts for visually impaired passengers. Used for innovation programmes, where the point is to test a hypothesis quickly rather than ship a product.
Process · Innovation pipeline
- 1Technology backlog→
- 2Opportunity screening→
- 3Concept and hypothesis→
- 4Rapid prototype→
- 5SME review→
- 6Scale or retire
Headsets and AR
3D and devices
