Skip to content

Explore · card direction

The work, drafted in isometric

One card, one drawing. Each entry gets a thin line object on a pale plate, all pushed through the same 2:1 isometric projection so they read as one hand. The symptom checker is the first entry drawn for itself: a phone whose screen carries a body and two answer rows. Every other entry still takes a generic phone, window, or block in rotation until its own scene is drawn. Stacked ghost copies sit under each object and spread a few pixels on hover while the badge lifts off the top edge. The name is set right, the sentence left under it, both held to the right half of the card.

Candidate

Funding Finder

Designing trust into a faster private lending application.

Mastercard Digital Labs

Under NDA. Password protected, shown in interview.

AP+ Testing Portal

Making certification workflows and delivery status easier to read.

Healthdirect Symptom Checker

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

Macquarie Radar

Helping research and faculty teams get ERA submissions ready sooner.

Lisa AI Speech Analytics

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

BHP Standardised Work App and Starter Kit

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

BRDT MVP at Amazon Innovation EBA

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

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.

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.

Configuring a QA UX Custom ChatGPT Agent

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

How a UX QA Custom Agent Changed the Way I Test

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

The Hidden Cost of Phase Gated Specs Driven Development

Why shipping fast doesn't mean building well

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.

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

Leadership Without Authority

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

CSS practices when creating a component using prompting

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

Essential Designer-to-Developer Terminology and CSS understanding

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

Basic visual concept of git

This is a documentation for my learning of git

Daily git practice

Documenting a guide best daily practice so I may reference it

Figma to Code: Best Practices

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

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

Blueprint for a Next.js (App Router) App

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

Between what we gain and what we lose

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

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

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

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