
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.
INTERACTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: COLVIO
2008

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

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.

RED had a diverse portfolio and needed to easily organize projects into different categories. A simple XML-based tagging system allows the user to filter diverse projects and clients.
INTERACTION DESIGN, CODE: PETE HAWKES
ART DIRECTION: RED
2006

This flash site for a photographer and filmmaker had to handle a large amount of external media displayed in different formats. The site is expandable and accommodates photo series, videos, and custom polaroid arrangements.

Vertis Studios represents a diverse group of photographers, digital artists and illustrators. Each studio needed its own branded portfolio while remaining part of a cohesive group. The site was coded to handle large numbers of external images that could be updated easily.
ART DIRECTION, INTERACTION DESIGN, CODE: PETE HAWKES
2004

Meyer & Liechty and Brand Experience Lab approached me to create an interactive installation for the OgilvyOne Global Digital Summit at the Guggenheim Museum in New York City. The project explores the customization of user interfaces. The user takes a simple, intuitive survey and an immersive environment of word poetry is created from their responses and the letters of their name. Each user experience is unique and personal.
INTERACTION DESIGN, CODE: PETE HAWKES
CREATIVE DIRECTION: MEYER & LEICHTY / BRAND EXPERIENCE LAB
2004

The Sci-Fi Channel released the Taken miniseries in 2002. The navigation uses glowing particles from the series that follow the user through the site.