The Price of Climate is a series of articles that looks at the financial effects of climate change. It’s a sort of different take than we’re used to seeing. There’s no aerial shots of melting ice caps. The color scheme isn’t ocean blue.
Our design direction comes from ripping off The Weather Channel, which involved this sexy palette of nauseated highlighter colors:
Anyway, the above images are a bunch of components that spanned this multi-part series:
My favorite collaborator Jess Kuronen and I got to work with the talented Hanna Sender to talk about how meal kit companies are a logistical nightmare. In this text-based game, readers can make choices that ultimately end up in further complications. Turns out food is really hard to ship!
I got to do some illustration bugs. The theme was like, “Hurry! Capitalism is coming!”
It’s been a decade since the 2008 Financial Crisis, but risk hasn’t disappeared — it has simply migrated elsewhere. I loved this collaboration with the amazing Jessica Kuronen and Gabriel Gianordoli to tell this expansive story in bite-sized factoids.
Morningstar has everyone convinced they can predict the future, but their ratings are about reliable as a magic 8 ball. With Jessica Kuronen, we gave them a gold star — or two — for their best efforts. Also we collaborated with Joel Eastwood to make a bunch of data visualization to prove the point.
The Quants is a 18-part series re-examining quantitative investing, 10 years after The Journal first investigated them. Along with Jessia Ma and Jessica Kuronen, we made a big package to visually underscore “the quants have officially won.”
Along with the general design direction, I contributed a fun little bigtop animation written in Three.js and some inline glossary components.
Do you want to hear our official award pitch?
In 1974, The Wall Street Journal first wrote about a computer trading system. Today, in 2017, quants are everywhere. Quants now make trades, determine who to hire, price insurance plans, and more. We created a cohesive series package for “The Quants” that referenced its algorithmic roots and how they interpret the world.
Taking inspiration from engineering drawings, we adapted an orthographic perspective to introduce the reader to the mystical world of algorithms, artificial intelligence, and supercomputers. This angle became central to our visual language portraying “computer perspective” that pays tribute to the Journal’s continued coverage of quants throughout the decades.
Our typography and illustrations follow the strict 30-degree axes seen in technical drawings. Photography was directed to highlight parallel lines. The identity of the series is rendered in binary code, dots, and dashes. The WebGL hero animation of the Lede story is a monolithic statement, rendered in orthographic perspective that evokes stock tickers and the information superhighway, perpetually in motion. CSS animations elsewhere in the series further explore these constructs.
All of our interactive and dynamic web elements — from responsive charts to custom pull-quotes — were crafted with static fallbacks to support our native applications.
“The Quants” includes nine stories, three columns, a game, timeline, and other graphics, totaling an 18 piece package. Navigation became crucial to accessing the deep scope of the coverage and functioned as an informational tool for what to expect as it published over the course of a week. The consistent use of “The Quants” logo and our terminal-green color palette unified the series on our homepage, inside our app and across social media.
The World Cup is typically a time for newsrooms to wonder, “How can we get Americans interested in this event that we can actually plan for?”
For Gabriel Gianordoli, Jess Kuronen, and I, we figured people would want to know how other countries compare based on several metrics that really define american life:
McDonald’s locations per capita
This project was a fun to code. It’s single page app so it had a router to direct users to different matches. Readers would be directed to the most recent match if thy arrived without a URL parameter. Unfortunately our analytics services equates unique URLs as unique projects, so we ditched that in favor of query parameters.