Skip to content
8 min read
Exotic car marques timeline

Designing a Data-First Infographic

A radial timeline infographic showing the ownership history of exotic car brands like Ferrari, Bugatti, Porsche, Land Rover, and others. The diagram uses colored segments for each brand and maps mergers, acquisitions, and transitions from the early 1900s to the 2010s.

At TrueCar, data is our lifeblood and visualizing that data in a compelling way is important. Finding that compelling way takes time. We've produced a number of infographics recently. Some have been more involved than others, but all as a way to find our voice in telling a story through data.

Timeline chart showing the growth of TrueCar’s certified dealer network from April 2006 to September 2014, growing from launch to 9,000 dealers. Key milestones are marked at each 1,000-dealer increment.

Heatmap-style chart showing monthly incentive spending (in % and dollars) from January 2009 to October 2014. Circle size and color represent spending levels, with the highest occurring in March 2009 (11.24%).

Grid of pie charts visualizing 2014 forecasted U.S. auto sales by segment—cars, pickups, utility & vans, and premium—for major OEMs like Ford, GM, Toyota, and Volkswagen. Each chart shows revenue by vehicle type in billions.

Person in traditional Japanese kabuki makeup and costume, with white face paint, dark eyebrows, and a blue-and-white patterned robe, holding a hand near their cheek in a dramatic pose.

For the Rest of Us

From an advertising standpoint, I believe Apple has been on fire recently. (Disclaimer: I have been an Apple fanboy since 1985 and used to work there many years ago.) Beginning with the “What will your verse be?” iPad ad that debuted in mid-January, they’ve continued with the “You’re more powerful than you think” iPhone 5S that began airing recently.

When I first saw “Your Verse” on TV it stopped me in my tracks. Using audio of Robin Williams speaking to his class in Dead Poets Society, it features footage of people using the iPad around the world for making music, photography, tracking tornadoes, playing professional hockey, and more. The haunting melody combined with the breathtaking images and Robin Williams’ voice really struck a chord with me. It evoked a deep sense of wonder and faith in humanity. These were real people doing extraordinary things with this product. In the mere three years that iPad has been available* it has created a whole new category of devices and enabled millions of people to do ordinary and extraordinary things.

30 Years of Mac

The Apple Mac turned 30 years old today. I got my first Mac in 1985 actually after weeks if not months of convincing my father to spend his hard-earned money on it. Every weekend and after many school days, I’d take the bus over to Computerland on Van Ness in San Francisco and just play with the Mac on display for hours at a time.

Embarrassingly this is one of my first MacPaint paintings. Bear in mind that I was 12 years old at the time.

Black-and-white pixel art titled “SUNSET” by Roger Wong, dated August 17, 1985, depicting a stylized landscape with mountains, trees, a setting sun, and textured foreground patterns.

Scene from the TV show Mad Men featuring Peggy Olson seated at a desk with a quote beside her: “If you can’t tell the difference between which part’s the idea and which part’s the execution of the idea, you’re of no use to me.” – Peggy Olson.

Walking Over The Same Ground

Watching the premiere of Mad Men season six, I loved that Peggy Olson blasted her creative team for bringing her three variations on the same idea. These are words to remember.

Those are three different versions of the same idea.

If you can’t tell the difference between which part’s the idea and which part’s the execution of the idea, you’re of no use to me.

…Well I’m sorry to point it out, but you’re walking over the same ground. When you bring me something like this, it looks like cowardice.

DesignScene 2.0 Launches

Yesterday Lunar/Theory (my partner David and I) launched version 2.0 of our iPad app DesignScene. Take a look at the trailer:

Play

I’ll write more about it in the coming days. Meanwhile, read this post on our blog about it.

Illustration of a snake in a tablet

Adapt or Die

Yesterday Apple announced its third-generation iPad, simply named “iPad.” Buried in MG Siegler’s excellent take on the press event is this statement:

What's more likely — 5 years from now, your primary home computing device is a PC? Or 5 years from now, your primary home computing device is a tablet? Just two years ago, this question would have been an absolute joke. Now it's a joke to think it will take a full five years.

In the post-PC world, tablets are becoming the new normal more and more. In just the two years since the iPad was first introduced, we’ve seen it pervasive on airplanes to entertain children, many executives in Silicon Valley walking around with them instead of lugging laptops, and even the President of the United States receiving his Presidential Daily Briefing via iPad instead of a sheet of paper.

Steve Jobs

Putting a Dent in the Universe

I have been a Mac user since 1985, when I was in the seventh grade. For months I lusted after the Mac on display at Computerland on Van Ness Avenue in San Francisco. I'd go there after school just to play with MacPaint. It simply captured my imagination. Finally, after many weeks of begging, I got my dad to buy me a 512K Mac. Thus began my love affair with Apple.

Imagine how lucky I felt when I actually began working on the brand and on Pixar in 2001-2002. It was such a privilege to be so close to the magic and to Steve Jobs himself.

The Steve Jobs I knew was human. Not a god. Not someone who could distort reality. Just a man.

Welcome animation

Thank You, Steve

With everyone sharing their sweet Steve moments, I have to share mine.

I was working at Apple in the motion graphics group within the Graphic Design department. I was assigned to work on the intro animation for the Mac OS X 10.3 Panther setup assistant. We went through the normal design process with our stakeholders (people in charge of “MacBuddy”) and got to an animation that was essentially swarms of dots that formed each of the different translations of “Welcome” on the screen. And then we showed this nearly-final animation to someone higher at the top—forgive me, I’ve forgotten who this was—and he killed it because the dots looked too much like sperm. OK, they kinda did. (Think about swirling points of light but with motion trails. We tried increasing the motion blur, but it was no use.)

It was back to the drawing board and I presented more ideas. Eventually, Steve got involved and started looking at the animations. Each week my boss would show Steve a new revision of it, and each time we got a little closer. Then on Round 14, the week my boss was on vacation, I had to go present it to Steve Jobs.

Using the iPad to Reshape Content

This post was originally published on Bow & Arrow from PJA (my employer) on February 3, 2011.

The New York Times recently published an article about how apps and web services are enabling consumers to customize how they read their online content. From apps like Flipboard and Pulse to services like Readability and Instapaper, users are increasingly demanding to consume content whenever, wherever and however they want.

When Apple introduced the iPad a year ago, many print publishers saw it as a panacea for their dwindling readership. By creating digital editions, they hoped to recapture some of the eyeballs lost to aggregators and RSS feeds. One of the pioneering publication apps was the WIRED Magazine iPad app. Because of its novelty, its debut issue sold 73,000 digital copies in nine days, almost as much as on newsstands. There is a clear desire from users to read magazines on their tablets.

Introducing DesignScene App for iPad

I’m really proud to announce that DesignScene for iPad has shipped today. From idea to release, it’s been about a year in the making. Here’s a little trailer I made in case you missed it:

I’ll be frank and say that this app was really made for me. Like many designers I spend a lot of my time going from website to website looking at stuff and reading up on trends. I eventually started using RSS feeds but even my feeds got unwieldy. I dreaded opening up Google Reader and seeing “1000+” unread items.

The Need to Breathe

“1000+” should be a familiar number for Google Reader users. My RSS feeds have been neglected in past months. Emails from AdAge.com, Creativity-Online, and links from friends go unread and unclicked. I’ve just been running 100 miles per hour at work. This is not to slam my current employer (because I truly like working here), but more of an observation.

If we creatives are always so busy with projects, and never take the time to look up, take off our headphones and find inspiration, our work will suffer. Our work will stagnate. Our work will suck.

So this is a reminder to myself (and to other creatives) to take a bit of time each day to remain inspired. Surf the web. Watch TV. See a movie in a theater. Listen to new music. Read a magazine or a book. Go to a bookstore. Go to a museum. Go hiking.

Re-Typesetting the Star Wars Crawl

Recently Guillermo Esteves did a fantastic experiment with HTML5 and CSS3 by recreating the opening crawl to Star Wars. Although it only currently works in Safari 4, it’s a good preview of how to create something dynamic using web standards and web fonts once the other browsers come along.

But Guillermo’s experiment also reminded me of how awful the typography was of those opening crawls. The original Star Wars opening crawl uses two different typefaces (three if you count “A long time ago…”), is justified without hyphenation, and thus creates obvious rivers and awkward tracking.

Opening crawl from Star Wars: Episode IV – A New Hope, introducing the Rebel Alliance’s theft of the Death Star plans and the Galactic Empire’s threat.

The Benefits of Having One Agency

There’s been a lot of chatter in recent weeks about how so-called “digital” agencies are or are not ready to be the lead for a campaign. But I think the question is a little off.

Instead the question should be “Why are clients splitting up campaign work based on tactic?”

Despite the maturing of digital agencies such as Razorfish (for whom I work), R/GA and AKQA, today’s clients are still sending digital work to digital agencies and traditional work to traditional agencies. And equally bad is having a third company plan and buy their media (sometimes there’s a traditional media agency and a digital one). Why is this bad?

Cover of the 2009 FEED report featuring a pencil sketch of a man looking at a tattooed thigh, with mixed media elements.

Designing FEED 2009

FEED 2009 has now been released and I feel privileged to have been a part of this one. If you haven’t already checked it out, please do so. The report and findings are very compelling and eye-opening. [Download PDF]

I wanted to share a little bit about the process we went through in designing the new report.

When my friend and colleague Garrick Schmitt first approached me, he already had an editorial direction in mind. He realized the data was so profound that the usual packaging of articles around the report would actually take away from it. So he wanted a smaller format with less content. He referenced books by Marty Neumeier: simple layout, large type, lots of infographics. The theme for the book came down to “customer engagement.” The data shows that when brands engage with customers in an experience of some kind (like an event, contest, etc.), ninety-six percent (96%) of their customers are more likely to consider, buy from or recommend that brand. Ninety-six percent. You never see a number like that in a survey. (To get that number, add up the sometimes/usually/always percentages for the consider, purchase and recommend results.)

Illustration of a lightbulb with a crown

Do Big Ideas Still Matter? Yes.

In the age of digital and social media, and in the age of realtime marketing, what matters more? The big idea or the smaller idea and execution?

Many digital agencies have been experimenting with new ways of working to try to get at those ideas and executions that a traditional agency couldn’t dream of. I was working at Organic when we rolled out the “Three Minds” initiative, meaning that for every brainstorm, we needed to have at least three people from three disciplines in the room. This is similar to what Big Spaceship has been trying to do by throwing together teams of creatives, strategists, technologists and production.

Digital agencies think that this is a point of differentiation. They think that online, social and viral are so complex that they need all this brainpower to figure it out. What ends up happening when you put a technologist and/or producer into a room with creatives? Executions. It’s a natural and inevitable thing. And I believe it’s a distraction from getting to a better and bigger idea.

Concept != Layout

Fellow Razorfisher and social media guru Shiv Singh asks, in the age of social media, do big ideas matter less? Truth be told, I’ve been thinking about how to craft my reaction to this since I first read a similar tweet from Michael Lebowitz, CEO of Big Spaceship about how the old ad agency creative partnerships are being replaced with other roles.

@bigspaceship: where(sic) putting the art director & copywriter together was the structure of the tv age, we put strategy, tech, design and production together

The quick gist is that there’s a shift towards execution versus concept. The art school I went to had a very strong and simple philosophy that it taught its students: concept is king. In crits we were always asked, “Why did you pick that typeface?” or “What is that color supposed to signify?” or “Why did you choose that style of photography?” etc. There had to be a reason for all the elements in our designs and that reason had to be rooted in the concept.

You Had Me at First Tab

Customer and user experience is not always about the website, the phone call, or person-to-person interaction in a store. It can also come through the form of packaging.

I just bought a Mac mini recently (for a living room media server) and was blown away by the unboxing. Apple has always been really great about their packaging. Having worked at Apple, I’ve seen the extreme extent of explorations that go into creating the outside of the box (over 500 comps were created for the Power Mac G5 box). (Incidentally, I worked on the second generation iPod package that featured musical artists like Jimi Hendrix.)

What really impressed me about unboxing the Mac mini was not the outside (although nicely designed), but the inside. The package anticipated my every move. How? Let me illustrate.

Grid of 25 logo design samples arranged in a 5x5 layout, showcasing varied visual styles, typography, and branding elements.

Creation with a Crowd

A couple of weeks ago, I happened upon a site called crowdSPRING. I forget exactly how I got to the site, but what I found there made me feel a little icky and left a bad taste in my mouth. I wrote a tweet about it (which in turn updated my Facebook status) and many of my designer friends had strong negative reactions too.

Stepping back a bit, what is crowdSPRING? It’s a website that allows companies to post briefs for design projects (mostly logos and websites), with the expectation that dozens if not hundreds of designers from around the world will post their solutions to those projects. Finished solutions. Not portfolios, resumes or even sketches. But the finished logo, website comps, CD packaging design, etc.

Why the ick factor? It took me a few days to process it internally, but I eventually came to this conclusion: the site sucks time away from thousands of budding designers. They are all working for free. Only the lucky ones whose solutions get chosen are paid. Imagine if you ate dinner at five different restaurants and only paid for the one dinner you liked? That is what’s happening on crowdSPRING: free work.

Where Is the Craftsmanship?

quotes_main

Quotes Pro

Whenever I look at anything with words on it, I look at the typography. Bring me to a local corner lunch cafe with a menu typed out and printed from Microsoft Word and I will have a field day. I would judge even more harshly at a more expensive restaurant. I can’t help it as I—like most designers, I’m sure—just look at everything with a critical eye.

Sell the Horseshit

Infographic showing a timeline of geometric and design principles from 3000 BC to 2009, highlighting influential concepts such as the golden ratio, Vitruvian Man, and modern logo design, with visual references to mathematical, architectural, and artistic works.

Yesterday the design and advertising community was abuzz over the leaked presentation deck (PDF) for the new Pepsi logo by the Arnell Group. Yes it is absolutely a work of pure horseshit. But, I was reminded of the decks that my colleagues and I create every day and how somebody’s horseshit may be someone else’s chocolate cake.

We all have to sell our work. Ideally the concepts and ideas come from a well-formed strategy, but that doesn’t always happen. Many times the strategy must back into the creative. In other words sometimes you might have a great idea that you’ll need to justify after the fact.

The Soul of the Apple Store: Genius Bar

The New York Times published a story today about the Genius Bars in the Apple Stores, and how they are the “souls of the stores.” Mentioned within the article is the video loop that plays behind the Bar, which I had the pleasure and privilege of designing!

Invariably in their 20's and 30's, and predominantly male, Apple's experts do keep lofty company. Behind each bar is a screen with a rotating display of quotations from half a dozen better-known intellectual luminaries, like Leonardo da Vinci ("The noblest pleasure is the joy of understanding") and Michelangelo ("If people knew how hard I had to work to gain my mastery, it wouldn't seem wonderful at all").