-
Adobe EchoSign Website Redesign Phase 1 Example Co-branded Homepage Redesign – Before and After Examples
Before Version
Project Description: This was the first iteration of the site redesign right after the merger announcement between EchoSign and Adobe. I had seen other companies simply just adding the red Adobe tag to their header and updating their footers so this seemed to be the most appropriate solution, plus it was the easiest to do quickly. The bottom of the red Adobe tag is not suppose to be tangent with other page elements, is suppose to look like it's hang when placed at the top of a page. Although this was a violation of the brand standards we made an exception since it was temporary.
Click for project detail view

-
BARRA Portfolio: Portfolio Management Sub Page
Project Description:
Click for project detail view

-
BARRA Portfolio Homepage
Project Description:
Click for project detail view

-
BARRA Net Homepage Animation
Project Description: Back in 1998 this took some advanced production optimizing the color palette so the animated gif could download as quick as possible over a 56K modem connection.
Click for project detail view

-
BARRA Net Homepage
Project Description:
Click for project detail view

-
BARRA Net Analytics Sub Page
Project Description:
Click for project detail view

-
Adobe EchoSign Real Estate Agents and Brokers Campaign
Banner Ads
Project Description:
Click for project detail view

-
IMVU “Come Hither” Campaign
Banner Ad
Project Description: Also tested alternate colors, headlines, and button text - such as “Come Hither. You've Been Naughty”. Animated Flash banner version had finger curling to get viewers attention before button pulsed to prompt viewer interaction.
Click for project detail view

-
BACtrack B70 Product and Lifestyle Photoshoot – 26 Examples
Project Description: As Art Director on this project I made recommendations for selecting the photographer, models, and shooting locations. Direction included letting the photographer know the type of lighting we wanted to try (based on his previous work), clothing options for the models to bring (flat colors with minimal patterns that don’t look busy), position of the models based on various scenarios (such as facing the camera, other models, or towards the product), and angles for shooting long shots with less background cropping along and closeups with products held close. Having a budget and being able to work with a pro photographer helped a lot. We were able to achieve the visual style we were going for in addition to just getting lots of shots at different angles and situations to work with. By giving the photographer room to also direct models and get creative within the scenarios as the shoot progressed we were able to create additional unplanned image assets that otherwise could not have been imagined beforehand. Wonderfully rewarding collaboration I'd say! Some photos I also later retouched by adding digital readouts on the screens, glows, removing backgrounds, dodging and burning areas, spot removals and so on which can take some time. This collection shows a few pre-retouching and a few after retouching. By including some time for the photographer and models to improvise and get creative during the shoot, the resulting outcome was definitely improved and better than expected overall. We created a *lot* of valuable images for the client, affiliates, and press to use in promoting the products visually on the website, in ads, on TV, print, and other media.
Click for project detail view

-
BACtrack B70 Counter Display for Auto Parts Stores
Project Description:
Click for project detail view

-
BACtrack Breathalyzers Website Redesign
B70 Specifications Page
Project Description:
Click for project detail view

-
BACtrack Breathalyzers Website Redesign
B70 Product Photos - Page 1
Project Description:
Click for project detail view

-
BACtrack Breathalyzers Website Redesign
B70 Product Page
Project Description:
Click for project detail view

-
BACtrack Breathalyzers Website Redesign
B70 Product Features Page
Project Description:
Click for project detail view

-
BACtrack Breathalyzers Website Redesign
B70 Operating Instructions Page
Project Description:
Click for project detail view

-
Association for the Calligraphic Arts Website Redesign
Project Description: Freebie redesign project I worked on early in my career in exchange for a letter of reference. The experience was an education.
Click for project detail view

-
AOL Travel Channel Logo
Project Description:
Click for project detail view

-
AOL PowerPac CD Interface Design
Project Description:
Click for project detail view

-
AOL Live Channel Logo
Project Description:
Click for project detail view

-
AOL Internet Adventure Logo
Project Description: This is the opening bumper animation that plays when the application first loads. I created the frames in Photoshop and a video editor created the clip. The producer and video editor came up with a great sound also which rings in the opening with a chime.
Click for project detail view

-
AOL Internet Adventure CD-ROM Interface Design
Project Description:
Click for project detail view

-
Direct Marketing Confidential Website Design
Alternate Homepage Visual Design 4
Project Description: The DMconfidential.com site evolved from a marketing blog that was purchased and by integrating existing enterprise efforts from other sites which included adding multiple content authors, expanded topic areas including featured content, and integrating with existing promotional efforts and jobs database. After creating a half dozen wireframe layouts, visual design began on the overall look and feel. After about half a dozen visual designs were considered a look was chosen and prototyped before creating a prototype and integrating with a WordPress CMS. After launch adjustments were made to finalize the design and code before handing off to an internal team to manage the site.
Click for project detail view

-
Direct Marketing Confidential Website Design
Alternate Homepage Visual Design 3
Project Description: The DMconfidential.com site evolved from a marketing blog that was purchased and by integrating existing enterprise efforts from other sites which included adding multiple content authors, expanded topic areas including featured content, and integrating with existing promotional efforts and jobs database. After creating a half dozen wireframe layouts, visual design began on the overall look and feel. After about half a dozen visual designs were considered a look was chosen and prototyped before creating a prototype and integrating with a WordPress CMS. After launch adjustments were made to finalize the design and code before handing off to an internal team to manage the site.
Click for project detail view

-
Direct Marketing Confidential Website Design
Alternate Homepage Visual Design 2
Project Description: The DMconfidential.com site evolved from a marketing blog that was purchased and by integrating existing enterprise efforts from other sites which included adding multiple content authors, expanded topic areas including featured content, and integrating with existing promotional efforts and jobs database. After creating a half dozen wireframe layouts, visual design began on the overall look and feel. After about half a dozen visual designs were considered a look was chosen and prototyped before creating a prototype and integrating with a WordPress CMS. After launch adjustments were made to finalize the design and code before handing off to an internal team to manage the site.
Click for project detail view
