Explore · card treatment

The work as a piece of cut stock

One card holds the project back and hands you its colour when you point at it. The other shows you nothing: a rectangle of white stock on charcoal, with a step punched out of one corner and the title set low. Every card is cut differently, so the row reads as a set of shapes before it reads as a list of projects.

Candidate

Die cut

A rounded rectangle whose edge runs level, falls away on a shallow diagonal, then carries on level at the lower height. Every turn on that path is radiused, including the concave one at the foot of the fall, which is why the step is drawn rather than clipped. The cut is a constant size in pixels, not a proportion, so a narrow card and a wide one look punched by the same die. Depth, angle and position vary card to card from a fixed table, and one card in the set is left plain so the variations read as variations. The small disc left in each cut is what tells you the gap was removed rather than missing.

( Work )

Funding Finder

Designing trust into a faster private lending application.

3 months Discovery to launch, on budget

Fintech

( Work )

Mastercard Digital Labs

Under NDA. Password protected, shown in interview.

( Work )

AP+ Testing Portal

Making certification workflows and delivery status easier to read.

20–30% Target: less manual effort for AP+ testers

Fintech

( Work )

Healthdirect Symptom Checker

Reframing a clinical path so people could finish it with confidence and reach the right care.

84% Completion, up from 49%

Healthcare

( Work )

Macquarie Radar

Helping research and faculty teams get ERA submissions ready sooner.

30% Less time preparing ERA submissions

Higher education

( Work )

Lisa AI Speech Analytics

An AI speech analytics tool that helps call centre QA teams monitor compliance across inbound and outbound calls.

Artificial intelligence · 2018

( Work )

BHP Standardised Work App and Starter Kit

Two iPad apps to replace BHP's paper work instructions for mining workers.

Mining

( Work )

BRDT MVP at Amazon Innovation EBA

A working MVP of the BRDT portal, built with Kiro at a hackathon hosted by Amazon.

MVP Working BRDT portal in a 3-day hackathon

Fintech · 2025

( Work )

Conjure UI

I kept rebuilding the same AI chat screens for every client, so I built them once: a set of ready made, animated chat components that a designer can brand in minutes and put together just by prompting any AI tool, like Claude Design.

( Writing )

Learning about how software system works

This is post one of a series where I document what I'm learning about how software actually works as someone who's been building with AI tools and want to understand what's happening under the hood.

Substack

Learning to code

( Writing )

Configuring a QA UX Custom ChatGPT Agent

A practical, copy-paste guide with limits, trade-offs, and examples

Substack

AI and testing · January 2026

( Writing )

How a UX QA Custom Agent Changed the Way I Test

What building a testing agent taught me about where judgement still sits.

Substack

AI and testing · January 2026

( Writing )

The Hidden Cost of Phase Gated Specs Driven Development

Why shipping fast doesn't mean building well

Substack

AI workflows · January 2026

( Writing )

How to set up Figma dev mode with AI, even if you don’t code (II)

Everything you need to install, enable, and run the Figma dev mode MCP server with AI tools.

Substack

Design engineering · December 2025

( Writing )

How to set up Figma dev mode with AI, even if you don’t code (I)

Part one of this article details all the parts you need to get started

Substack

Design engineering · December 2025

( Writing )

Leadership Without Authority

Moving a team toward new tools when you cannot mandate anything.

Substack

Leadership · November 2025

( Writing )

CSS practices when creating a component using prompting

Documenting something I learned when prompting and not reading the code enough

Substack

Learning to code · November 2025

( Writing )

Essential Designer-to-Developer Terminology and CSS understanding

Documenting this to learn about design engineering and to help me communicate with Frontend Engineers better

Substack

Learning to code · November 2025

( Writing )

Basic visual concept of git

This is a documentation for my learning of git

Substack

Learning to code · October 2025

( Writing )

Daily git practice

Documenting a guide best daily practice so I may reference it

Substack

Learning to code · October 2025

( Writing )

Figma to Code: Best Practices

Structuring design files so the handoff to production stops losing information.

Substack

Design engineering · October 2025

( Writing )

Understanding the blueprint of a Next.js (App Router) App

Blueprint for a Next.js (App Router) App

Substack

Learning to code · October 2025

( Writing )

A designer's first time shipping Production Code with Kiro (II)

Between what we gain and what we lose

Substack

Design engineering · October 2025

( Writing )

A designer's first time shipping Production Code with Kiro (I)

How a mob session with Kiro taught me to ship code for the first time at work

Substack

Design engineering · October 2025

( Writing )

Part 1: Learning about Figma MCP Server and the AI Model

On exploring workflows, guiding models, and supporting a team in the age of intelligent agents

Substack

AI workflows · October 2025

( Writing )

Part 2: The AI model is a mirror. Know thyself.

On learning, self-awareness, and human nature in the age of AI

Substack

AI workflows · October 2025

Candidate

Desktop

The reference treatment applied straight: cream windows with one heavy charcoal outline on every drawn edge, lying on a single pastel wallpaper that runs behind the whole row rather than repeating inside each card. There is no gradient and no shadow, because the reference has neither. The card holds three things — the mark, the name, the sector — and the mark is the card's picture rather than a bullet beside the title, which is only affordable because the tagline, the outcome and the foot were cut. The hover is the operating system's own: at rest every window is inactive, and pointing at one floods its title bar with that client's colour. Writing has no client, so it floods charcoal and reverses its label instead.

Work

Funding Finder

Fintech

Work

Mastercard Digital Labs

Work

AP+ Testing Portal

Fintech

Work

Healthdirect Symptom Checker

Healthcare

Work

Macquarie Radar

Higher education

Work

Lisa AI Speech Analytics

Artificial intelligence

Work

BHP Standardised Work App and Starter Kit

Mining

Work

BRDT MVP at Amazon Innovation EBA

Fintech

Work

Conjure UI

Writing

Learning about how software system works

Learning to code

Writing

Configuring a QA UX Custom ChatGPT Agent

AI and testing

Writing

How a UX QA Custom Agent Changed the Way I Test

AI and testing

Writing

The Hidden Cost of Phase Gated Specs Driven Development

AI workflows

Writing

How to set up Figma dev mode with AI, even if you don’t code (II)

Design engineering

Writing

How to set up Figma dev mode with AI, even if you don’t code (I)

Design engineering

Writing

Leadership Without Authority

Leadership

Writing

CSS practices when creating a component using prompting

Learning to code

Writing

Essential Designer-to-Developer Terminology and CSS understanding

Learning to code

Writing

Basic visual concept of git

Learning to code

Writing

Daily git practice

Learning to code

Writing

Figma to Code: Best Practices

Design engineering

Writing

Understanding the blueprint of a Next.js (App Router) App

Learning to code

Writing

A designer's first time shipping Production Code with Kiro (II)

Design engineering

Writing

A designer's first time shipping Production Code with Kiro (I)

Design engineering

Writing

Part 1: Learning about Figma MCP Server and the AI Model

AI workflows

Writing

Part 2: The AI model is a mirror. Know thyself.

AI workflows

Candidate

Paper

The same windows on the world's own sheet instead of a wallpaper. The legs are pen line and watercolour wash on cream paper, so the ground here is that paper continued — a shader tuned to the tone sampled from the corner of the final frame, with fibre and tooth but no crumples, folds or staining, because the plates were re-generated to remove exactly those. The garden's green appears once, at the size it has in the film: a small lit screen behind the heading, so the section title is what the machine is displaying and the grid is what is open on it.

Work

Funding Finder

Fintech

Work

Mastercard Digital Labs

Work

AP+ Testing Portal

Fintech

Work

Healthdirect Symptom Checker

Healthcare

Work

Macquarie Radar

Higher education

Work

Lisa AI Speech Analytics

Artificial intelligence

Work

BHP Standardised Work App and Starter Kit

Mining

Work

BRDT MVP at Amazon Innovation EBA

Fintech

Work

Conjure UI

Writing

Learning about how software system works

Learning to code

Writing

Configuring a QA UX Custom ChatGPT Agent

AI and testing

Writing

How a UX QA Custom Agent Changed the Way I Test

AI and testing

Writing

The Hidden Cost of Phase Gated Specs Driven Development

AI workflows

Writing

How to set up Figma dev mode with AI, even if you don’t code (II)

Design engineering

Writing

How to set up Figma dev mode with AI, even if you don’t code (I)

Design engineering

Writing

Leadership Without Authority

Leadership

Writing

CSS practices when creating a component using prompting

Learning to code

Writing

Essential Designer-to-Developer Terminology and CSS understanding

Learning to code

Writing

Basic visual concept of git

Learning to code

Writing

Daily git practice

Learning to code

Writing

Figma to Code: Best Practices

Design engineering

Writing

Understanding the blueprint of a Next.js (App Router) App

Learning to code

Writing

A designer's first time shipping Production Code with Kiro (II)

Design engineering

Writing

A designer's first time shipping Production Code with Kiro (I)

Design engineering

Writing

Part 1: Learning about Figma MCP Server and the AI Model

AI workflows

Writing

Part 2: The AI model is a mirror. Know thyself.

AI workflows

Candidate

Graph

Engineering paper, from the spec-sheet reference rather than the retro-OS ones: a plain 20px rule at the same near-invisible contrast that reference uses, warmed to the site's cream so it does not put a cold grey plane under a hand-drawn garden. The ground is the only thing this candidate changes — the cards are identical to the two rows above, so the comparison is between sheets and nothing else. Two repeating gradients, no shader and no image, which matters for the one ground that would sit directly under the world's own canvas renderer.

Work

Funding Finder

Fintech

Work

Mastercard Digital Labs

Work

AP+ Testing Portal

Fintech

Work

Healthdirect Symptom Checker

Healthcare

Work

Macquarie Radar

Higher education

Work

Lisa AI Speech Analytics

Artificial intelligence

Work

BHP Standardised Work App and Starter Kit

Mining

Work

BRDT MVP at Amazon Innovation EBA

Fintech

Work

Conjure UI

Writing

Learning about how software system works

Learning to code

Writing

Configuring a QA UX Custom ChatGPT Agent

AI and testing

Writing

How a UX QA Custom Agent Changed the Way I Test

AI and testing

Writing

The Hidden Cost of Phase Gated Specs Driven Development

AI workflows

Writing

How to set up Figma dev mode with AI, even if you don’t code (II)

Design engineering

Writing

How to set up Figma dev mode with AI, even if you don’t code (I)

Design engineering

Writing

Leadership Without Authority

Leadership

Writing

CSS practices when creating a component using prompting

Learning to code

Writing

Essential Designer-to-Developer Terminology and CSS understanding

Learning to code

Writing

Basic visual concept of git

Learning to code

Writing

Daily git practice

Learning to code

Writing

Figma to Code: Best Practices

Design engineering

Writing

Understanding the blueprint of a Next.js (App Router) App

Learning to code

Writing

A designer's first time shipping Production Code with Kiro (II)

Design engineering

Writing

A designer's first time shipping Production Code with Kiro (I)

Design engineering

Writing

Part 1: Learning about Figma MCP Server and the AI Model

AI workflows

Writing

Part 2: The AI model is a mirror. Know thyself.

AI workflows

Current

Outline

The grid's card as it stands, unchanged. Greyscale line work at rest, with the halftone forming in the project's colour on hover, scattering, and clearing to a plate the client signs. Colour is the reward here rather than the resting state.