Jon White

A designer in the broad sense of the term.

IA/UX/UI, print & systems 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.

Sunset: A Responsive Translation

For years, I've obsessed over Sunset—in its print form. Issue after issue, it betrays my favorite kinds of systems design, paired with seductive typography and gorgeous photos. But it’s long bothered me that that visual language wasn't manifest on the high-resolution, responsive web, where it would naturally shine. So, I took four articles from its January 2016 issue and made a proof-of-concept of Sunset's canonical views taken to their logical, web-based conclusion.

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

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

Chronology

  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

Approachability

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

Alternatively:

Acknowledgment

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.