iPhoneception

Plant an idea on your victim's iPhone.

It struck me that since you could install any webpage as a web app on an iPhone, if the webpage looked and acted just like the iPhone interface, you could pull some fun and easy pranks on your friends. I built it in JavaScript and mimicked every little detail including the ability to swipe to a second screen and subtle transparency changes on touch and swipe.

JavaScript, jQuery, box2D

TRY IT OUT

Just the First Frame

Just the first frame of the best comics on the web.

The world needed a better web comic aggregator that served the needs equally between readers and artists. Readers are given a fun and visual way to explore the latest comics, but they only get the first panel forcing them to click through where the artists get their page views, banner impressions, and the readers' captive attention. I built this from the bottom up with JavaScript doing most of the heavy lifting.

JavaScript, jQuery, Ajax, PHP, MySQL

VISIT WEBSITE

Tabasco Nation

Are you one of us?

Tabasco Nation was a gamified campaign for Tabasco fans to perform challenges and win prizes on Facebook. I designed the entire app including 31+ badge icons and avatar profile frames.

Floor is Lava

Don't touch the lava!

Doodle Jump is simply my favorite iPhone game and I always wondered what it would be like if it was a side-scroller. I'd never touched XCode or programmed anything even close to Objective-C, so I took this opportunity to learn it. I built a working prototype and found it a very simple and fun game mechanic, and I decided to move forward with a full-fledged game. After a few months, the code is complete, the hardest part actually taming the accelerometer inputs so it felt simple and intuitive like Doodle Jump, something that countless Doodle Jump clones have failed at.

Xcode, Objective-C

VIEW FIRST PROTOTYPE VIDEO

Floor is Lava Scene Editor

A GUI to visually create game scenes.

Having completed the code for the Floor is Lava game, I needed an easy way to construct each scene during the game. How could I translate a scene I designed in Photoshop into the properties needed for XCode? I created this browser-based JavaScript solution that allowed me to freely move objects around as well as input each object's properties which then gave me the block of code I could simply copy and paste into my program.

JavaScript, jQuery

Ogilvy Video Player

Video program manager.

At Ogilvy, we had a few TV screens around the office, but the only options were to either play a DVD or turn it to a TV channel. I decided we needed something better and created a video manager that had the ability for someone to add and set the order of videos, but also include twitter feeds, office announcements, websites, and even live video streams. I built it all in JavaScript, including smooth visual and audio fades between videos and other media. Video is automatically cropped even if it's not the correct ratio with the option to crop in or have black bars on top or sides.

JavaScript, jQuery

VIEW DEMO

NYSee

Before Google Streetview.

Started a few years before Google Streetview launched with the insane idea of videotaping every single street in Manhattan and stiching everything together so you could navigate the entire city from your computer. I built my own camera rig, planned ridiculously detailed routes, and captured all the footage in a wild 10 day romp. I then cut up the videos and pulled it all together in Macromedia Director, and thankfully got it complete and accepted into Ars Electronica just a year before Google Streetview made this project totally obsolete.

Macromedia Director

VIEW VIDEO

Motorlogs

Automotive journals.

Back when I was doing some work on my car, I wanted a simple place to keep a log of every modification with supporting photos. Every automotive social network at the time had an ugly MySpace 1.0 feel, so I decided to build my own with a simple and clean interface. I chose the Drupal platform because a recent vendor had recommended it for a client, and I somehow survived the Drupal learning gauntlet and came out alive with a shiny new website. But Drupal, never again.

Drupal

VISIT WEBSITE

TakePart Demo

Follow the thread of a story.

I built this demo as a proof of concept. The idea was to not just show related content to a story, but order it in an algorithmic way that there is some logic to the progression of information. Clicking on a headline didn't load a new page, but instead expanded within the page, regardless how long the content is, so you could have 15 or so full articles to read one after the other without losing the context of the overall thread. At any point, you could "fork" to another thread simply by taking any individual story and building a new algorithmic thread from it.

Drupal

VIEW DEMO

Ratchet & Clank

Tools of Destruction.

I designed the Ratchet and Clank website borrowing heavily from stylistic elements of the game's interface with the idea to make the pages feel like video game box art.

Cisco Together

Connect like never before.

I designed this site as a one-pager with expandable boxes to reveal video and text content.

VISIT SITE

Built By You

Employee profile re-imagined.

This was a proposal for a re-imagined employee profile page, one that connected every employee to every product they touched and every team member they worked with. And through every product, they were connected with every company and place around the world where those products were used so they could see the global effects of their individual contributions in a way they never could before.

JavaScript, jQuery

VIEW DEMO

The Realm

Custom Comic Creation.

This tool allowed anyone to create their own custom comic from hundreds of assets from Cisco's The Realm animated series.

Toyota.com

This is a sampling of the work done for a UX and design refresh of the Toyota.com website.

iPhone Steering Wheel

iPhone + Steering Wheel

I mounted an iPhone holder onto a real steering wheel so I could play Doodle Jump in a more challenging way.