Jon White

A web designer in the broad sense of the term.

Information architecture, visual design, interactive storytelling, HTML5 + (S)CSS3 + JS + RWD

1 Big Things

KPCC Content Views

The blessing and curse of digital news is its unpredictability. From 2013 to 2015, I tore down, re-envisioned, and re-coded KPCC’s modular content views (article, segment, episode, blog post). Typographic and layout elegance in a vacuum is one thing; doing it when you can’t count on image sizes, image types, content length, embeds, or ad placements is another.

Seventeen People

Catharsis is a weird thing. For a long time, I'd found it in an episode of The West Wing's second season. No matter what undesired mood I found myself in, watching Seventeen People would reset me. Once I bought the DVDs, this recourse was effectively free, and eminently repeatable. And so I watched. And watched. Eventually, it hit me that other people might get some catharsis out of this, too. So I started doodling.

Self Collect

Sensitive. Safe. Reassuring. Anonymous. Private. Most marketing-slash-ecommerce websites don’t have to exhibit all these for all users, but Self Collect isn’t like most sites. In mid-2015, I wireframed, designed, front-end coded, and Rails-prepared this groundbreaking at-home-STD-testing company's responsive site. From educating, to reassuring, to deconstructing its unusally complex checkout & results process, Self Collect was a wholly unique — and worthwhile — challenge.

2 Still-Worthwhile Things

What Distance Running Teaches Us About Web Design
Sunset: A Responsive Translation
Bill Carter’s Trainer For The Stars Seeking Stars Dot Org
Always With You
Software & Platform Icons
Boston ’153:12
Today's Document (Illustrated)
The Short List
Fire Tracker
Whitman / Adomian
N.C. Redistricting (Slate)
Never Not Funny #1602
Twin Cities: ’15, ’14, ’13, ’12
Keynes for Kids
Selling the Spine
Bilingual Learning
Hamburger Sandwich®
Eugene ’143:04
Hollywood Facts:™ The Theme Song:™ The Board Game™
Earthquake Tracker
RISE 2013: Poster
Responsive Web Design: I Wish This Wasn’t A Buzzword
Officiating a Bunch of Weddings
Marine Corps ’093:33
Teaching Code
Commencement ’06 Speech


  1. 2015—Now Seattle
  2. 2012—2015 Pasadena + Seattle
  3. 2010—2012 Washington, DC
  4. 2008—2010 Washington, DC
  5. 2006—2008 Saint Paul
  6. 2005—2006 Minneapolis
  7. 2003—2006 Minneapolis (student)

Latest Runs

See all


  1. Write to me at
  2. Download a resume here.
  3. I live in Seattle.



Shoe icon by Ludovic Riffault. Opengraph draftsmen from the National Archives. Classroom photo from Miami University. Latest-run time conversions by Moment.js. FT Labs made FastClick. And the only reason I'm able to do any of this is because I've had the implausible luck of learning from Justin McDowell, Jared Powell, David Durst, Chris Bishop, and Sean Dillingham. This industry can so often feel weird, dumb, and cynically exhausting — which just makes these guys’ creativity, skill, and decency that much brighter in contrast.