GO the OTHER WAY
Recently found that I enjoy bringing other designers’ visions to life as much as my own. Maybe more. Say hello if you want to work together on something
THIS SITE is RESPONSIVE but not THAT RESPONSIVE!
LANDSCAPE MODE is DEAD. GO PORTRAIT or GO HOME.
PROMETHEUSBeen a long time since I got to design a website for Hollywood. The few times I have in the past, it was almost never for somebody I respected. When I started out, I dreamt of getting to work on design projects like this one day, for people who contribute their art to popular culture (if you hated the movie, skip the rest of this).
The alternate reality campaign for Ridley Scott's first sci-fi film since Blade Runner (his 1984 Super Bowl spot for Apple doesn't count), was far reaching. I was asked to design the website for a few products from the film, which takes place in 2094. My first reaction was, "Don't be ridiculous, there won't be products that resemble an iPad or websites that sell them in 2094" but then I remembered, it’s not real!
My first illustrations in a decade were done for Weyland's David8 (a human-like cybernetic individual played by Michael Fassbender, indistinguishable from a very, very, creepy human based on Olympic high diver, Greg Louganis) and a few other world-changing (fake) initiatives from Weyland Industries. Designing for sci-fi geeks was scary. It's hard enough to design for you web design geeks.
Ignition / 20th Century Fox
NAMES for CHANGE
NAMES FOR CHANGEThree years after we launched Spent, we got the team back together for another UMD project. This time, the goal was to put a twist on the familiar “Sponsor a Child” by mashing it up with stadium naming rights. The Frankenstein that produced was an ecommerce site where you can purchase naming rights to everything in the shelter. Toilet paper. Tampons. Teddy bears. Towels. And 165 other things that don’t start with a “T.” For example, my wife has had a really rough year medically so I bought naming rights to this plunger (1 of only 15). As I write this, it’s still the first week after launch but for every $5k it raises, they can help someone pick up the pieces and get into permanent housing. So far that equals 2 people. I hope to revise this number often.
ALMOST HUMANDo I have a sign on my back that says “Humanlike droid expert?” Not that I’m complaining. This is the second time in a year that I’ve done an alternate reality site for a sci-fi film/show which included a droid that looked and acted just like a creepy human. This one was for the JJ Abrams and JH Somebody show about a damaged cop and his damaged droid partner. Buddy cop show meets Star Trek. My wife Corly is way into sci-fi so it was exciting to get to watch the pilot with her before the show aired. Not bad. Got the first three episodes on TiVo but we haven’t finished Breaking Bad yet so it is on ice. It wasn’t exactly tickets to a movie premeire but it was one of the few times I got to impress her with access to exclusive stuff.
As is increasingly the case these days, the site needed to be built on Tumblr so I called my old pal Brett Buddin who wrestled the Tumblr API to the ground and made it say “Uncle Brett, I give.” It may not look super-complex but that’s because he’s really good at what he does. I’m sure he’s ready for another three year cooling off period until we work together again.
FICTITIOUSI’ve never had a client say “We like what you do and we trust you. Make us something interesting.” That’s more or less what these two guys, whom I’ve never met, said when we talked for the first time. I wasn’t sure if I could perform with that much blind trust but it turned out to be my favorite beginning of a project ever. They weren’t sure what they wanted to call themselves right away but after Fictitious was settled on (I love that name), I set about designing a logo (DOUBLE LIGATURES!!!) and this website. The result is an experimental interface that showcases nineteen commercial and entertainmant projects they’ve worked on together over the years. Hope to meet these guys some day so I can say “Thank you for the pleasure” in person.
SPENT"We’re making a game about homelessness" is not what I expected to hear when I started working at an ad agency. “We have to get more kids to smoke our brand” or “I don't care if the product sucks, make them want it!” maybe, but not this. Co-creator Jenny Nicholson came up with this crazy idea and somehow convinced everyone at McKinney and the shelter we did it for, that it was a risk worth taking. Many of the challenges in the “game” were pulled from her childhood. The rest, Carmen Bocanegra, Jenny and I created to force people like you and me to face some decisions we'd face if we were one of the 14 million Americans on the brink of homelessness. That number sounds official but I made it up, sort of.
Able Parris and I designed it and I worked with Josh Barber on the Flash before Matt Hisamoto took over and got it ready for launch. After a serious McKinney team effort, Spent kicked a few million people's emotions in the nuts, won a bunch of awards you've probably never heard of and a couple that you probably have (not Cannes).
I can't believe McKinney paid us to work on this or that Cude gave us the creative liberty to be so controversial. It says a lot about the character of the place. Changed my life for good.
DESPICABLE ME 2
DESPICABLE ME 2No other movie currently in rotation at our house is more universally adored than Despicable Me. Let me say right off the bat, the lazy movie Tumblr site thing bothers me a bit and I shouldn’t be contributing to the extinction of the movie experience website but I was sure this was just an early piece of a campaign worthy of the most anticipated movie of the summer (at our house). I was wrong but I’ve made peace with it. The kids and I went to see it last night and it didn’t disappoint anybody.
John C. contacted me in 2012, likely due to the Tumblr theme designs on this site, about doing this one. It was a total joy to be able to say, “Hey kids, come look what I’m working on!” and have them run in and care.
McKINNEYAround February, 2010. Walking back from lunch:
Trevor O'Brien: "Nick, we'd like you to design the new McKinney.com."
Trevor: "You can't use Flash."
Me: "You hired the wrong guy."
I was scared to death about designing for the newfangled HTML5, which, as a Flash loyalist, I was convinced was a passing fad. Then I got stuck in a small room with Brett Buddin, who schooled me on the virtues of not being just some dumbass Flash guy who pollutes the web, and AJ Karim who cleared a path and kept us focused. I was stubborn and blinded by self preservation but I've come around (this site you're on right now is proof!).
The iPad had just come out so we decided early in the process to make the first ever touch-first agency site. I asked Brett if it was possible for him to do a touch slider in mobile Safari. He said, "No." and then proceeded to make it possible by building one.
The space we work in is the best I've ever seen. With photo and design help from Team Parris, we brought the best of it to the website.
In the last month before launch, I was certain some other, more savvy agency was going to beat us to the touch-first thing. I was obsessing on it so to quiet my fears, I went to the sites of all the best agencies I could think of on my iPhone and took screengrabs as I went. Just before launch, I published those screenshots. Most everybody in our industry showed up as a blue lego or a phone number. It started the conversation we wanted happening while we launched our first attempt at a device agnostic site (for us, these were pre-responsive web design days).
The site became the first to win both FWA and MobileFWA honors. My first of either.
BLAKE GRIFFINI hate to admit, I had no idea who Blake Griffin was when this project began. He hadn't played an NBA game yet because he was hurt during preseason his rookie year. Everybody seemed sure he'd be dominant when he got a chance to play. I wanted to ensure that he had a site that made him look good when he was ready. If I'm being totally honest, I fell short. He seems to have been more successful.
The funny thing about the web is, you get guys like me, designing sites for guys like him. Dribbble meets dribble!? Sorry.
the WHITE HOUSE
POTUS█████ ████████ ██ ███████ █████ █████ a. █████ ███ ██████ ████ ████████ Twitter. █████ █████ █ ██████ █ ███████ █████████████ ██ thing. ███ ██ █ ███████ ███ ████████ ██ █ ███████ propaganda. ██████ █ ████ ██ ██████ ████████ ██ ██ █ ██████ pants.
ORIGIN / TUMBLR
ORIGIN / TUMBLRI didn't know the first thing about designing a Tumblr theme. Thankfully, Jonathan Moore knows everything so I handed him a messy PSD and he turned it into this responsive web design. I hope it makes him rich beyond his wildest dreams.
EPOCH FILMSWORDS and SYMMETRY by Everynone are two of my favorite videos ever. I was ecstatic when Dan Ravine asked me to design this site for their production company. I had a brief love affair with Courier New and pink, which you can see here, but that lasted about as long as this design did. Epoch launched with a different design in 2012. This is a memorial.
PICTURES of IRAN
PICTURES of IRANThis artist named Tom Loughlin traveled to Iran and took photos of regular people. Then, he blew the photos up huge and displayed them at shows across the U.S.A. The best is, he made a documentary about people's reactions to seeing Iranian's depicted as human beings. American's reactions varied from gratitude to wringing of hands for having forgotten to pack dynamite on the way out of the house that morning. Designing and coding the site definitely challenged many of my own misconceptions.
Tom Loughlin, the Artist
CARMEXI can't say enough about how great it was to do work with a client that wanted work that was as irreverent and random as I could muster. The brand was in a state of transition and the site I designed created much of the visual language they use to this day. Writing isn't something I'm ever ASKED to do. This was no exception. But as is often the case, I did it anyway.
CARLSONMe: "Let's put dogs in suits and make fun of stereotypical marketing types by matching them with the personality of the dog depicted. Then, let's make a game of memory out of it!"
Them: "Nah. Let's not."
It never got past the design stage you see here but it sure was fun to concept. Another memorial. A pet cemetary.
NEIL YOUNGSay what you will about Neil's politics or Canadian-ness but you can't deny his contribution to rock and roll or my awkward teenage years. Jonathan Demme's documentary details his comeback show at the Ryman after a brain anneurism nearly did him in. At the rock-bottom of my interest in Neil's music, I got an opportunity to design and program the site for 'Heart of Gold.' By the end of the project, a nostalgic joy had taken hold and my old Neil Young albums secured a permanent place in my playlist.
If the site looks like it was designed and Flashed out in 2006, it's because it was.
FAILUREOnce upon a time, I did some interface design for a popular erectile dysfunction drug website (yes, that one). The CD was maybe the most talented guy I had ever worked with. The design work I did, was not good. The CD was disappointed and the project was cancelled. It felt horrible. I never want to feel it again.
I failed. Hard. My heart wasn't in it. I followed the wireframes but didn't bring anything special to the work. I wasn't having fun. I didn't believe in the project and it showed.
From here on out, I'm working with people I believe in, on projects I believe in.
A GREAT SHOP
All this reckless code, the art direction, design, the website itself... it’s all made up of things I picked up somewhere else along the way. If there’s anything here you find useful, take it with you and make something better with it.
NICK JONESThe people in the picture are my family. They're amazing. I want to do more work that makes them proud.
You’re welcome to be in my story, if I can be in yours.
I collaborate remotely on select design/interface projects for websites and apps. If I can't help, I'll put you in touch with friends who can. firstname.lastname@example.org
GO the OTHER WAY
I'm only an indicator.
Drag the page!