2000

The Accuser - Behind the Scenes

Submitted by andy on Sat, 10/27/2007 - 20:04.

In addition to designing character bio pages for The Accuser, I was responsible for organizing a galleries of "behind the scenes" material; preliminary sketches, storyboards, and other materials used in the course of production. For The Accuser, I used a 3D-Rendered metallic frame around the content on each page.

Image(s): 

WebcamNow User Registration Screen

Submitted by andy on Sat, 10/27/2007 - 20:04.

I designed both the small advertising buttons on the left side of this page as well as the graphics incorporated into the signup screen. I also programmed some of the backend functionality of the user registration screens using PHP.

Image(s): 

BannerMill logo

Submitted by andy on Sat, 10/27/2007 - 20:04.

This logo was created for a banner advertising web site owned by WebcamNow.

Image(s): 

Creating AvantGo Graphics With PHP

Submitted by andy on Sat, 10/27/2007 - 20:04.

This article was written for Wired PublicationsWebmonkey. Not quite accurately titled, the tutorial shows how PHP can be used to sniff out the color depth of the device requesting an AvantGo page. Using this information, PHP can then be used to send a corresponding image to the browser; so an AvantGo user with a Palm III would get a 2-bit image with black, white, and two shades of grey, wheras an AvantGo user with a Handspring Visor Prism would get a 16-it, 65000+ color image.

Image(s): 

Mobile Comic Strip Prototype

Submitted by andy on Sat, 10/27/2007 - 20:04.

Another consideration was the fact that most PDAs can’t display Flash movies, which were the chief attraction of the main Stanlee.net web site. The natural alternative was a "Comic Strip" format which could be sent to AvantGo as a series of panels turned 90 degrees to the right. The resulting left to right scroll when viewed on a PDA held sideways is more intuitive for reading content in this format.

Image(s): 

Stanlee.net Mobile Edition

Submitted by andy on Sat, 10/27/2007 - 20:04.

In addition to the design and upkeep of the Stanlee.net web site, the Stan Lee Media web department (known as "Squnkwurx" within the company) was also responsible for exploring new technologies and developing new concepts. The so-called Mobile Web was a hot topic at the time, and for a brief time the company toyed with the idea of publishing an AvantGo channel. The project was eventually shelved, but these are some of the concepts I put together.

Mobile Interface Concepts

Image(s): 

The Drifter Character Biographies

Submitted by andy on Sat, 10/27/2007 - 20:04.

The producers realized that we would need more than a three minute flash animation every other week to retain an audience, and to that end a great deal of supplementary material was made available. I was charged with creating interfaces for The Drifter character biographies. Using copy provided by the writers and artwork provided by the animators, I incorporated everything into a Macromedia Flash-based interface, using ActionScript to handle the scrollbars and control transitions.

Image(s): 

Browser Version/Plugin Sniffer

Due to the extensive use of Macromedia Flash, complex table layout, and Cascading Style Sheets on the Stanlee.net web site, I was asked to create a JavaScript "Sniffer" script that would detect several key pieces of information: Browser Name (Netscape, Internet Explorer), Browser Version, and whether or not the Flash plugin was installed.

Image(s): 

E-Mail This Page to a Friend

I developed both the interface and the back-end for this component of the Stanlee.net web site, which was the first practical application I wrote using PHP.

Image(s): 

Seeyouonline.net Portal Design

Submitted by andy on Sat, 10/27/2007 - 20:04.

While working at Sonicport.com my largest task was the design of a portal site for a small ISP owned by the company, which was called SeeYouOnline. This image is the final concept, which was created in Adobe Illustrator. The HTML implementation of this design was just about my last excercise in nested tables and spacer gifs as layout tools.

Image(s):