I had the opportunity recently to do some work on a new interactive album from a Philip Glass / Beck collaboration called _REWORK. Good friend David Wicks was hired by Snibbe Studio (of Bjork iOS app fame) to create the app.
I created a series of visualizations in Processing that were used as jumping-off points for several of the tracks on the album. I lucked out and got to spend most of my time on Beck’s 21-minute track NYC—easily my favorite track on the album. The tests above use keystrokes to choreograph connections between independent particle subsystems. Final iterations in the app were rebuilt by David in Cinder to leverage events and information from MIDI, SVG, and XML.
The music is amazing, and the app well-worth the spend. My part was small in the much larger effort to produce the app. You can read more about the development process from David at sansumbrella.com.
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 are 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.
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.