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

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.

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.

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.

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.

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

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.

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

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

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

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