I’m a product designer thinking at all scales from strategy to visual design. I like to design and prototype with code, and I like to make teams work better.

Latest blog posts

Learning product design

Here are some ideas I put together for a friend. It’s based on my diagram of the elements of product design.

The elements of product design

A model explaining product design as a stack of decisions built on top of a stack of knowledge. With apologies to Jesse James Garrett.

Work backwards

Any time you’re planning, spend some time working backwards. Ask “what’s the key state I’m aiming for?”, then ask “what unlocks or enables that?”. And repeat.


Redesigning TIM

User ResearchStrategyProduct Design

A ground-up redesign, founded on user research.

Read more

TIM Investor

Product Design

A new product with an innovative stock screener.

Read more

Design Mentor at Visa Beyond Plastic Design Jam

MentoringService Design

I coached a team designing the future of retail payments.

Read more


IdeaProduct DesignPrototype (Framer.js)

A minimalist timer for HIIT training designed for use on mobile. Personal project exploring UI animation. Prototyped with Framer.

Read more

Other Stuff


Product DesignFrontend development (react.js)

Product design and frontend Development for this record label A&R secret weapon, since acquired by a major record label.

2D/3D Motion Graphics

Cinema 4DAfter Effects

Motion graphics, 3D modelling & compositing. Contains some title sequences and infographics for TV. Also a 3D island intended to be explored in a choose-your-own-adventure style.

d3.js FX data visualisations


Some experimental interactive visualisations showing the positive/negative sentiment implied by buy/sell recommendations of a selection of currency pairs over time.

Corinne Day


Website for legendary Vogue photographer Corinne Day. It's a large archive of thousands of images. I used Google Sheets as a database for maintainability, and ImageMagick and Gatsby.js for image post-processing.

CNN Tonight


An animated, interactive carousel showcasing the anchors of the Tonight slot. Simulated 3D in 2D with scaling, mathematical positioning on an ellipse, and depth swapping.

Safety in Numbers

Cinema 4DAdobe After Effects

Infographics for a documentary following a cycle ride through the alps. These were accurate terrain maps modelled and animated in Cinema 4D.

Wallboardr - a virtual card wall for Agile development

IdeaProduct DesignFrontend (backbone.js)Backend (Ruby on Rails)

Conceived as a less opinionated card wall than Pivotal Tracker. It was based on the idea you could create cards in lanes and #hashtag them for filtering, and then view them either grouped by iteration (for scrum) or by status (for kanban). About 80 people signed up to try it, but soon after this Trello was released, which was similar and more comprehensive. So I stopped development.

Lux - an HTML/JS presentation framework


A tool for creating presentations from plain text (in Jade format). They can be shared across the local network, or exported to static HTML. It supports code highlighting. See a demo here, and find the project on github.