is a blog about design, technology and culture written by Khoi Vinh, and has been more or less continuously published since December 2000 in New York City. Khoi is currently Principal Designer at Adobe. Previously, Khoi was co-founder and CEO of Mixel (acquired in 2013), Design Director of The New York Times Online, and co-founder of the design studio Behavior, LLC. He is the author of “How They Got There: Interviews with Digital Designers About Their Careers”and “Ordering Disorder: Grid Principles for Web Design,” and was named one of Fast Company’s “fifty most influential designers in America.” Khoi lives in Crown Heights, Brooklyn with his wife and three children.
Today my friend Matt and I are releasing Facebox, a pack of fifty, rights-cleared stock photos of real people for user interface design and business presentations. For a limited time, you can buy the pack for just US$25.
So how would you use Facebox? Let’s say you’re designing any digital product in which the concept of users needs to be represented — in comment threads, on profile pages, in activity streams, etc. Whether you’re working in Photoshop or Sketch or right in HTML, sooner or later you need photos of hypothetical users to stand in for the real users who will eventually interact with your product.
Or let’s say you’re working on a PowerPoint deck in which you’re showing user personas or user flows, or maybe even revealing a new strategy that will bring huge numbers of new patrons to your business. For any of these purposes, you might need pictures of hypothetical customers to stand in for the real customers to come.
As a designer, I come across these situations all the time. What I used to do was go to Twitter or Facebook and grab the avatars of my friends. That has its drawbacks: it’s laborious, the avatars are usually of insufficient resolution to be used at any larger size, and they’re not always suitable for presentations. Worse, it’s not exactly legal.
This is the problem that Facebox solves. It provides a rights-cleared, ready-to-use repository of fifty real people — not stagey-looking models, but the kind of people you’d run into on any street corner, and whom you could easily imagine using just about any digital product.
The pack includes all fifty faces as PNGs or JPEGs you can start using immediately. We’ve also imported all fifty into PowerPoint, Keynote, OmniGraffle (as a symbol library) and Sketch, too. We’re also including the original Photoshop file, fully set up with Smart Objects, so you can change the crop shape (several options are included, e.g., circle, rounded rectangle, star, etc.) in just a few clicks, and export at any size that suits you.
All of that for less than the price of one stock photo. Buy Facebox today.
The Story Behind the Faces
I’ve been wanting to build Facebox for years, if only to have it for myself, but I wasn’t able to do so until a few things fell into place in August of this year. First, I left my job at Etsy at the end of July (more on that in another post). So I suddenly found myself with a lot of time on my hands.
As it happened, my good friend Matt also recently left his job, and so we decided to spend August working on a project together. We asked ourselves, “What’s the smallest possible thing we could build and ship almost immediately?” After working on fairly large-scale stuff for years, I particularly wanted something I could knock out quickly, just to get back in the habit of shipping again. The idea of taking fifty photos and selling them online seemed simple and low-tech enough that we could get it done in a matter of weeks.
So for several days in early August, we walked all over Manhattan to take these pictures. The first eight or so were the easiest; we then quickly discovered that to get the diversity we wanted in terms of people, backdrops and photo styles, each location would only yield three or four shots before the results started becoming repetitive. So we became tourists in our own city. Here’s a partial list of the locales we visited: Madison Square Park, Grand Central Terminal, The New York Public Library on Fifth Ave, Penn Station, The Time Warner Center, Soho, Union Square, the High Line, South Street Seaport, and more. Luckily, the weather cooperated fully: this past August in New York City was unseasonably, unconscionably mild — the best possible time to do a project that required us to trek all over town and log miles and miles in Moves.
We were also nervous at the outset about finding enough people who would willingly contribute their likenesses to a pack of stock photos. We’d approach each person, ask for a few minutes of their time, then show them a short pitch deck (displayed on an iPad) that explained the concept. If we hadn’t lost them by then, the next step was to have them read our model release (we used the app ReleaseMe, also on the iPad), provide their contact information and sign it. To my surprise, we did pretty well; I would say three-quarters of those we approached said yes. Of course, we paid each person a small cash fee for posing, so that helped with our success rate.
All told, the photos were done pretty quickly. What came next was all of the infrastructure we needed to actually sell the product. Designing a marketing page (what you see at Facebox.io), hooking up a payments system (we used FetchApp), packaging the photos together as a product (sorting through to find the best photo for each model, then gently retouching it, and then preparing the various templates) and getting things squared away legally (we formed an LLC; more on this later too) — all these things added up and pushed our launch back further than we intended.
Still, I’m very proud and happy that it got done. Looking back over how much it really took to actually launch the simplest possible side project we could imagine, I realize it couldn’t have happened on my own. As I said, I’d been thinking about Facebox for years, and even though I never acted on it, I always assumed it would be pretty easy to do. But it turned out to be much more involved than I anticipated; even the process of walking around the city for days and suffering frequent rejection from potential models was made much more bearable by having a co-conspirator along for the ride. These things are much more enjoyable with a co-conspirator.
Anyway, that᾿s Facebox. We hope it makes life a little easier for you. Let us know if you have any thoughts on it.
This looks well done and fills a real need; I can definitely use this. That said, I do wish it had a wider range of ages. From the thumbnails, I don’t think I saw anyone with gray hair.
I’m curious about what led to the youthful skew. A sense of what kind of images would sell best? Difficulty in recruiting older participants? Reluctance to approach older potential participants when you were out on the street?
Lukas
Like Jes, I wish the age skewed a bit older. Most of the people seem to be in their 20s and 30s. Particularly for Personas, I need a wider variety of ages. Grandmas use technology, too 🙂
Richard Law
Cool stuff! I just bought the Facebox 1.0 pack. Please consider adding future photos of other types of people from other parts of the world (E.g., US West Coast, Europe, Asia), older people, and business people. I am spreading the word around Cisco about this resource. 🙂
Thanks folks. Regarding adding photos of older users, we would like to do that at some point. We did approach lots of older models, but our success rate was much lower than with younger models. So if we were to go back and try and do another pack of 50 older models, we would need a different approach than the one we used. In short, everything’s possible, it’s just a question of whether we can find the time and money to get it done.
DCTownson
Pretty useful, would consider purchasing if it also included typical profile info along with each photo, like name, sex, age, location, brief bio – that sort of stuff – completely fabricated of course. Finding a headshot to use in a mockup is easy, but coming up with fake profile info is a pain when there are multiple profiles needed.
I’m sure there’s some legal issues to navigate with that sort of info, too, though, even if it is fabricated.
Aww, thanks Khoi! I had a lot of fun too!
This looks well done and fills a real need; I can definitely use this. That said, I do wish it had a wider range of ages. From the thumbnails, I don’t think I saw anyone with gray hair.
I’m curious about what led to the youthful skew. A sense of what kind of images would sell best? Difficulty in recruiting older participants? Reluctance to approach older potential participants when you were out on the street?
Like Jes, I wish the age skewed a bit older. Most of the people seem to be in their 20s and 30s. Particularly for Personas, I need a wider variety of ages. Grandmas use technology, too 🙂
Cool stuff! I just bought the Facebox 1.0 pack. Please consider adding future photos of other types of people from other parts of the world (E.g., US West Coast, Europe, Asia), older people, and business people. I am spreading the word around Cisco about this resource. 🙂
Thanks folks. Regarding adding photos of older users, we would like to do that at some point. We did approach lots of older models, but our success rate was much lower than with younger models. So if we were to go back and try and do another pack of 50 older models, we would need a different approach than the one we used. In short, everything’s possible, it’s just a question of whether we can find the time and money to get it done.
Pretty useful, would consider purchasing if it also included typical profile info along with each photo, like name, sex, age, location, brief bio – that sort of stuff – completely fabricated of course. Finding a headshot to use in a mockup is easy, but coming up with fake profile info is a pain when there are multiple profiles needed.
I’m sure there’s some legal issues to navigate with that sort of info, too, though, even if it is fabricated.