Pete
Hawkes

_REWORK

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 mouse-reactive flash below was from an older exploration I built for CompostModern with Addis Creson a couple years ago. It provided inspiration for a couple of the other tracks on the album.

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.

Purchase the iOS app here.
Purchase the album here.

CompostModern

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.

MOTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: ADDIS CRESON
2011

Motion Reel

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.

MUSIC: Pile of Gold, The Blow
1999-2009

Geeko Builder

GeekoBuilder

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.

INTERACTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: MICAH BAUER
ILLUSTRATION: TYLER BINGHAM
BACKEND PHP: AXIS41
2009

MonaVie EMV

MonaVie EMV

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.

INTERACTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: AXIS41
2009

Eat Sleep Play

Eat Sleep Play

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.

INTERACTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: RUMOR ADVERTISING
2009

BV Resorts

BV Resorts

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.

INTERACTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: COLVIO
2009

Schuchart/Dow

Schuchart Dow

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.

INTERACTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: COLVIO
2007
« Previous Entries      |