Binary Face Off creates a space of creative competition and learning. Participants explore pattern, sequence, and sound in configurations that encourage gesture and cooperation. The piece represents the culmination of ideas learned from the Binary Glove and Binary Pad. The installation was part of the UCLA Design Media Arts MFA Thesis Exhibition: Tell Them Nothing of the Things I Thought About and Created While I Was Sleeping at the New Wight Gallery in June 2011.

The interface uses an Arduino board to communicate with game software written in Processing. The structure was built out of MDF and plexiglass using a router, pin nailer, laser cutter, some good friends and a lot of patience.

[ video documentation coming soon ]

Addis Creson approached me to create the motion graphics and interstitials for CompostModern 2011—a sustainable design conference in San Francisco presented by the AIGA. I rebuilt the tessellations from the brand into a code framework that allowed me to explore varied iterations and arrive at more natural constructions of form and motion. The final sequence was composed in AfterEffects using animation generated in AS3.

I enjoy animating on the timeline, but most of the motion here is driven by code. Interaction and motion design is strongest when given a little room to move and grow within natural and organic systems.

The Geeko Builder allows users to create and customize their own Linux mascot as part of a larger campaign by Novell to promote its involvement in the Linux community. The builder interface combines over 280 props, body parts, clothing items, backgrounds, and other accessories—many of which are colorable. Registered users save individual creations and then vote on their favorite Geekos from a collective gallery.

A robust, PHP-based backend dynamically creates avatars and desktop backgrounds for downloading and sharing using ImageMagick. The site is localized into 10 different languages and ties directly into social networking and merchandizing sites. Two years after the initial launch users are still adding new Geekos to the database which holds more than 8000 Geekos.

MonaVie needed a simple, clean microsite for a product launch. I leveraged existing brand elements to code generative droplets and ripple effects. The site won an AIGA 100 Award for Interactive Design in the Salt Lake City Chapter.

This game studio wanted a fun and tactile interface to recruit potential employees. The flash environment accommodates custom page layouts and seamless transitions between sections. Casual visitors can flip bottle caps for quirky messages that convey the personality of the workplace through controlled, random interactions and playful animation.

BV Resorts needed a simple, elegant site to showcase two architectural developments in Mexico. The panoramic views of both locations inspired the interactive panning of the project sections.

I created a simple, code-based navigation system that simulates movement across a much larger space. Content is loaded and repositioned offscreen to create smooth transition between sections. Navigation elements move and expand to accommodate content sizes, which easily allows for the addition of new sections within the system.

The organic navigation of this site created unique challenges for code-optimization, usability, and maintenance. Multiple iterations eventually led to a solution with fluid movement and intuitive navigation. Provisions were also added for deep-linking, and sections are constructed to expand easily as projects are added or removed.

This international interior design firm needed a site to handle large amounts of external data and an extensive portfolio. The interface rotates 90 degrees to accommodate both horizontal and vertical images. Content is organized using XML and leverages a modular navigation system, which streamlines site updates.