category
title
description
date
client
screenshots
close

visual

Steve Jobs Memorial

When Steve Jobs passed away, WIRED wanted to do something special to commemorate his life. The WIRED.com homepage was replaced for the day with a memorial page. Thoughts from industry leaders like Bill Gates, name, name, and a select postings from our readers were published as a memorial. The design was later printed as a poster and presented to Apple as a gift.UI, Visual Design

Visit site

2010.09

Wired

IXD visual

Spring Camp

Following in the footsteps of the Bike to Work feature, a series of outdoor activities and associated gear were reviewed in WIRED’s Spring Camp feature. The reusable jQuery developed for Bike to Work was utilized, while a different visual layer was applied for the new theme.

Visit site

2013.06

Wired

IXD visual

Bike To Work

To celebrate Bike to Work Week, WIRED profiled five commuters, each with a different routine and persona. Each profile consisted of reviews of a bike and accessories. I worked on the information architecture and UI for the feature, developing a reusable slider that supported modal windows and video.

Visit site

2013.05

Wired

visual

XBox One

Wired received exclusive rights to the announcement of the XBox One, with advanced access to prototypes and Microsoft’s design labs. A stylish layout was created for the unveiling of Microsoft’s redesigned game console.

Visit site

2013.05

Wired

IXD Visual

Star Wars Feature

Following the news of Disney’s acquisition of the Star Wars brand, and rumors of J.J. Abrams’ involvement in Episode 7, Wired magazine published a cover story in the April 2013 issue outlining 74 things that every Star Wars movie should have. This led to the opportunity to have a web blowout, including a package of feature stories and a week’s worth of Star Wars coverage.

Visit site

2013.02

Wired

IXD Visual

Star Wars:
Inside the Battle of Hoth

WIRED’s Star Wars feature from April 2013, included an online-only breakdown of the Battle of Hoth. Working with author Spencer Ackerman, we edited the structure of Inside the Battle of Hoth to become a chapter-by-chapter analysis of the attack in The Empire Strikes Back. The collaboration process, infographics, and UI resulted in over 40k Facebook likes, 500k page views, and 400 comments. The online feature was a huge success, even if the Imperial attack was not.UI, visual design, infographics

Visit site

2013.02

Wired

IXD Visual

WIRED 20th Anniversary


For the 20th anniversary of Wired magazine, the publication released an encyclopedia format review of the past 20 years, featuring over 70 entries of people, companies, and ideas that defined the past 20 years. Publishing this content online required an information architecture that allowed users to quickly scan all of the content. Using the Isotope jQuery plugin, we developed a design that displayed each entry as a tile, and navigation to allow readers to filter and sort those tiles.

Visit site

2013.04

Wired

IXD Visual

Move Trailer Cuts
(D3 Visualization)

In the July 2013 issue of WIRED Magazine, a feature covered the art of movie trailers including the increasing amount of cuts per minute in trailers. Data was aggregated for over 150 trailers spanning 80 years of filmmaking. With such a large amount of data, and an increasing demand for infographics, we developed reusable JavaScript using the D3 library. This first script converts a .csv file into a scatterplot. Concept, UI, Visual Design

Visit site

2013.06

Wired

IXD visual

Cutthroat Capitalism

WIRED magazine told this complex tale of piracy with colorful illustrations, playful imagery and graphs — creating a look and feel that lent itself perfectly to game play. Working with writer Scott Carney and game designer Shannon Perkins — we worked through the story's structure, design elements, and research data to restructure the print piece into a game. UI, visual design

2009.07

Wired

visual

Beer Robot

WIRED editors decided to write a How-To Wiki on converting a refrigerator into a kegerator. Being Wired, the 'Beer Robot' would be geeked out, complete with automated tweets, an iPad app to rate beer, an a visually appealing skin to match. "The end result turned out better than we ever imagined. The front, iPhone-like face of Beer Robot displays 13 'apps' including Top 10 List Generator (useful for coming up with story ideas), Frosty Mugs, The Tap Store, /root beer (for the tap) and just above that, iFoam." Visual Design

2009.09

Wired

IXD visual

Wired Mobile

WIRED was the first publication of Conde Nast to offer an optimized smartphone experience. Working with Mobify Studio, we redesigned the site’s entire CSS library for the small screen - in a weekend. By customizing the experience for the smaller viewport, we elevated the amount of mobile traffic from 2% to 5% in a matter of weeks, and to 10% in months, without cannibalizing desktop traffic. We later upgraded to Mobify.js, adding custom UI to the experience, and further optimizing the load (and read) times. UI, art direction, visual design, development

2010.09

Wired

IXD visual

Wired Mobile 2013

WIRED was the first publication of Conde Nast to offer an optimized smartphone experience. Working with Mobify Studio, we redesigned the site’s entire CSS library for the small screen - in a weekend. By customizing the experience for the smaller viewport, we elevated the amount of mobile traffic from 2% to 5% in a matter of weeks, and to 10% in months, without cannibalizing desktop traffic. We later upgraded to Mobify.js, adding custom UI to the experience, and further optimizing the load (and read) times. UI, art direction, visual design, development

2013.08

Wired

IXD visual

Wired Reviews Mobile App

WIRED was the first publication from Conde Nast to develop an app for Apple iOS. The WIRED Product Reviews app for the Apple iPhone and iPod touch delivered daily reviews of the latest consumer electronics, gadgets, cars, gaming gear and more. Each hands-on review included detailed product information, key specs and WIRED’s rating. IA, UI, visual design

2009.06

Wired

logotype

DeadDrop

In 2012, hacktivist Aaron Swartz was working on an ambitious project: an encrypted dead drop system that could receive and protect files from anonymous sources. In collaboration with WIRED editor Kevin Poulsen, who had asked him to help design a secure and anonymous inbox for investigative reporting, we developed a UI and white label brand for Aaron's project, DeadDrop. The New Yorker launched the first implementation of the service, called Strongbox. visual design

Visit site
The New Yorker launches Strongbox (theverge.com)

2012.12

Aaron Swartz

logotype

Bike Test

WIRED gathered up some of the best hard goods the 2012 season had to offer – bikes, components, shoes, helmets, shades and apparel – taking it all up into the California hills for a week to put it to the test. visual design

Wired

2012.05

Visual

Bike Messengers Pedal Past Bandwidth

“For messengers, technology is more of a threat than wily cab drivers and potholes. But, oddly, technology is also what keeps them around.” Bike Messengers Pedal Past Bandwidth in Data Race was one of the first photo essays on WIRED designed to be more like a ‘magazine’ feature than a blog post or photo gallery, ushering in more creative layouts seen on web-only content. concept, visual design, development

2011.04

Wired

IXD

Live Blog

To cover the CES 2013 conference, WIRED look for a way for authors to publish short posts of products and events as they encountered. As many writers were familiar with Tumblr , yet we wanted traffic to be directed to WIRED.com, we devised a way to utilize the Tumblr API and pull posts into WordPress. This ‘live blog’ platform became the prototype for event coverage going forward. userflow, UI, visual design

2013.01

Wired