John theDesigner

I turn complex design problems into simple and beautiful websites & apps.

Case Studies

Salesforce

Planning Better Together

Leading design for a new scenario planning product at Tableau. I designed visual modeling tools and collaborative comparison features that made building and experimenting with spreadsheet-based planning models more accessible, bringing decision-makers into what was once isolated work.

View Case Study
Planning Better Together case study preview
View all case studies

Experiments

Self-directed projects built to answer a question rather than a brief — usually about how something could feel to use. It’s where I try things out before they show up in client work.

Experiment

Courtside

An NBA game, rendered

A real NBA floor drawn in WebGL, with realistic reflections and textures. Pick a game and watch the live feed of events play out in real-time — shots, rebounds and steals light up the court where they happen, the live score towers over the court. Don’t forget to watch until the end to celebrate with the winning team.

Open Courtside
The JTD Courtside lockup standing in lit letters behind a Boston Celtics court rendered in 3D under arena lights
View all experiments

Personal Projects

Sistema

A knowledge base and playbook that gives AI agents reference material from real design systems before they generate. The output looks like it was designed, not statistically averaged.

Paletteer

A color palette generator that builds accessible, flexible token ramps from a seed color. Started as an internal tool, now a Figma plugin with 16,000+ users.