Portfolio / Project List
-
2Market CD Eddie Bauer Interface Designs
Project Description: Eddie Bauer was one of the catalogs presented on the 2Market CD. Sometimes vendors would just send their logo and let us design the interface for their catalog. I usually managed to preserve the brands look for well known companies so sign-offs went smoothly.
-
2Market CD The Sharper Image Interface Designs
Project Description: The Sharper Image was another one of the catalogs presented on the 2Market CD. Sometimes vendors would just send their logo and ask us to handle the interface design for their catalog. Since I was already familiar with the Sharper Image brand through their mailed catalog and had noticed their advertising on occasion plus I had visited their stores shopping a few times, I was able to successfully maintain the brands look and feel.
-
Project Description: The computer-based shopping service 2Market was formed by a partnership between America Online, Apple Computer and Medior in 1994. The CD-ROM version included 27 vendor catalogs including promotions (such as Chef's Catalog, Lands' End, Spiegel, Warner Bros. Studio Stores, New York's Metropolitan Museum of Art, and Sony Music). Occasionally new promotions were downloaded after connecting through AOL and presented as timely offers to potential customers.
-
AdBrite Conference Booth Background Graphic
Project Description: Based on their logo I create perhaps half a dozen design variations before we settled on this version.
-
Adobe EchoSign “Be A Hero” Initial Banner Ad Design Variations
Project Description: These are three initial designs based on a concept from the marketing manager using a document illustration I had previously created and stock image I found as alternate directions.
-
Adobe EchoSign “Get Documents Signed Anywhere” Campaign Banner Ads
Project Description: For this project I gathered stock photos to represent different unexpected situations where people could be while signing a document. Concept was based on a “Sign From Anywhere” idea we had used previously from the marketing manager.
-
Adobe EchoSign “Increase The Speed” Campaign
Project Description: This campaign was targeted at CFO’s and real estate professionals using customized text in the emails and landing pages.
-
Adobe EchoSign Co-branded Landing Page Design
Project Description: Immediately after Adobe acquired EchoSign we did a quick update throughout the site merging the two brands by basically just sticking the Adobe red tag in the header and adding some legal text in the footer. This is an example of a landing page that I created during this time which still shows the EchoSign look with a few Adobe branding elements.
-
Adobe EchoSign Community College Week Banner Ads
Project Description: These were reworded/updated for use targeting CFO’s also. The guy with the glasses kinda looks like like he could be either a professor or an accountant.
-
Adobe EchoSign Conference Booth Graphics
Project Description: Created for the Salesforce Dreamforce 2011 Conference. This was just after the Adobe EchoSign merger so the big Adobe tag seemed important to make sure everyone knew EchoSign was now part of Adobe. There were still some legacy EchoSign elements in places such as the ratings graphic that were revised before finalizing. I always wonder how often the conference booths were used anywhere else.
-
Adobe EchoSign Conference Floor Display Signs
Project Description: I forget which of these was the final. It was fun working with the shapes in their corporate background imagery.
-
Adobe EchoSign Credit Union Banner Ad Variations
Project Description: None yet.
-
Adobe EchoSign Die-cut Vinyl Wayfinding Floor Decals
Project Description: These printed about 44 inches wide and 15 inches tall and were stuck on the ground in key locations to help folks find their way to the event.
-
Adobe EchoSign DocuSign Corrections Interactive PDF
Project Description: Interactive PDF created with rollovers highlighting incorrect sections of a DocuSign comparison white paper that DocuSign was distributing. You have to download the PDF to your hard drive and open it in Acrobat Reader to see the rollovers. It doesn't work if you just view the PDF in a web browser.
-
Adobe EchoSign Free Trial Campaign for Real Estate Agents and Brokers
Project Description: We iterated on these two directions a few times. Other versions included text such as “...and Save 50% on a Pro Account” in addition to the free documents offer.
-
Adobe EchoSign Graphics for Trade Show Booth
Project Description: None yet.
-
Adobe EchoSign Homepage “Traffic Surge” Lightweight Fallback Page Design
Project Description: In case the website received too much traffic we had a couple failover plans in place, such as being able to switch to a revised homepage that was streamlined for lots of traffic. Version 1 removed the animated billboard image slider and didn't include any dynamic JSP so everything was static. In version 2 I also removed all links to internal pages including the billboard image CTA and no login plus the bottom section of the page content was removed. Version 1 HTTP resource requests went from 84 down to 41 and page weight went from ~972K to ~169K. Version 2 HTTP requests went down to 17 and page weight went to ~88K. Since most traffic doesn’t go through the homepage necessarily but to sub-pages directly, I could also redirect all sub-pages to the version 2 homepage if needed.
-
Adobe EchoSign Homepage Billboard Image Design Examples
Project Description: This is only a few of the many I either created from scratch or repurposed and updated over a few years. For example each year EchoSign would have a booth and participate at the Salesforce Dreamforce conference and the billboard image that appears on the homepage would need to be updated each year announcing sessions featuring EchoSign or awards EchoSign has won.
-
Adobe EchoSign Landing Page with Stats Billboard
Project Description: Showing numbers is a tactic for connecting with businesses by making the company look more legit/impressive. Mentioning time saved, number of customers, and amount saved is similar to saying it's quick, easy, and free but in a less consumery retail-like way.
-
Adobe EchoSign Logo Badge Design
Project Description: After Adobe acquired EchoSign, and before the Adobe corporate branding and design army began managing the new Adobe EchoSign brand, I created these which were modeled off other Adobe brand merge example I had found or noticed in the past. As a Adobe Creative Suite user/customer I've been familiar with their brand for years and am intimate with the company and generally aware when they merge with other companies or products which helps on projects such as this.
-
Adobe EchoSign Real Estate Agents and Brokers Campaign
Project Description: None yet.
-
Adobe EchoSign Real Estate Audience Landing Page
Project Description: Landing pages could be customized for various marketing verticals by updating the headlines text, bullet point text, testimonials, and example customer logos. Three or four layout variations were tested. Version 2 also includes the Phase 1 header and footer redesign I initially incorporated after Adobe acquired EchoSign.
-
Adobe EchoSign Salesforce AppExchange Customer Choice Award Badges
Project Description: I couldn't find large clean versions of these online so I recreated them in Adobe Illustrator as vector art so we could use them in print and online. Pretty close match I think.
-
Adobe EchoSign Salesforce Website Graphics
Project Description: Not really banner ads (they don't have buttons or a call-to-action), but I wasn't sure where to put these. Maybe these could be in a media-type category called “Branding Elements” or something.
-
Adobe EchoSign Short Landing Page
Project Description: The collage with the agreement and mouse was created in Adobe Illustrator, only the mouse photo was a raster image. The illustrated contract includes real contract text in case anyone looked at it closely. A second version of this landing page design included a Free Webinar button next to the Free Trial button.
-
Adobe EchoSign Sports Related Banner Ads
Project Description: None yet.
-
Adobe EchoSign Support Area Integration Development
Project Description: As part of the team working on integrating legacy EchoSign content into the Adobe content management system I also worked on developing the Support area based on the two brand styles.
-
Adobe EchoSign Tri-fold Brochure
Project Description: A revised design of the EchoSign brochure to hand out at the Adobe EchoSign booth during Salesforce Dreamforce conference.
-
Adobe EchoSign Wayfinding Street Decal and Floor Signage Mockups
Project Description: None yet.
-
Adobe EchoSign Web Contracts 2012 Conference
Project Description: None yet.
-
Adobe EchoSign Web Contracts Conference 2012 Homepage Billboard
Project Description: Designed along with the other web and print conference materials.
-
Adobe EchoSign Web Contracts Conference Attendee Badges
Project Description: None yet.
-
Adobe EchoSign Web Contracts Conference Guidebook
Project Description: The official conference guidebook. We kept it simple since attendees only received the guidebook once at the conference. So it's more “informational” rather than being a “promotional” piece.
-
Adobe EchoSign Web Contracts Conference Pedicab Ads
Project Description: Used on pedicabs not just to advertise the conference but to indicate which pedicabs provided free rides to and from the conference.
-
Adobe EchoSign Web Contracts Conference Signage
Project Description: None yet.
-
Adobe EchoSign Webinar Registration Landing Page
Project Description: Webcast Registration page I occasionally update the form, test, and right column branding area on. This version includes the initial header and footer updates made right after Adobe acquired EchoSign.
-
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.
-
Adobe EchoSign Website Redesign Phase 2 Examples
Project Description: None yet.
-
Adobe EchoSign Website Redesign Phase 2 Page Template Design and Development
Project Description: As part of the merger with Adobe I helped evolve the echosign.com brand look-and-feel with the Adobe brand standards. This effort included updating the global header and footer on the website a couple times. The site was eventually migrated to their Adobe CQ5 Web Content Management platform (formerly Day Software) to allow reuse of their standard templates and help preserve the Adobe brand presentation across the enterprise of various web sites.
-
Adobe EchoSign White Papers and Data Sheets
Project Description: Occasionally I created or updated white papers and data sheets in PDF format on various topics. The overall design and layout were based on Adobe brand standards.
-
ADP Shareholder Communication Trends Demo
Project Description: This app demonstrated the kinds of insights ADP could provide based on their data at a conference. The project was managed through a small agency named Printz in San Francisco and developed in Java. Creating the x, y coordinates for each line of text took some time but helped the developer get things in the right place without having to just eye the positions.
-
Adteractive “Be The First To Get The Motorola RAZR V3c Free!” Campaign
Project Description: None yet.
-
Adteractive “Catch The Turkey! Receive A Free $500 Grocery Gift Card” Campaign
Project Description: None yet.
-
Adteractive “Claim A Free $250 IKEA Gift Card” Campaign
Project Description: None yet.
-
Adteractive “Congratulations! Free Apple iPod nano” Campaign
Project Description: None yet.
-
Adteractive “Congratulations! Please Claim Your Free Kodak Zoom Digital Camera Now” Campaign
Project Description: None yet.
-
Adteractive “Congratulations! Please Claim Your Free Year Of Groceries!” Campaign
Project Description: None yet.
-
Adteractive “Congratulations! Which FREE Gaming Console Do You Prefer?” Campaign
Project Description: None yet.
-
Adteractive “Free $500 Baby Shopping Spree!” Campaign
Project Description: Everybody loves babies. :)
-
Adteractive “Free $500 Baby Shopping Spree” Holiday Season Themed Gift Card Campaign
Project Description: Using an image of a happy baby to get attention and create that warm fuzzy feeling.
-
Adteractive “Free $500 Designer Clothing Gift Card” Campaign
Project Description: None yet.
-
Adteractive “Free $500 Electronics Gift Card” Campaign
Project Description: None yet.
-
Adteractive “Free $500 Home Improvement Gift Card” Campaign
Project Description: None yet.
-
Adteractive “Free $500 Target Gift Card” Campaign
Project Description: None yet.
-
Adteractive “Free $500 Weight Loss Gift Certificate” Campaign
Project Description: None yet.
-
Adteractive “Free 42 Inch Panasonic Plasma Television” Campaign
Project Description: None yet.
-
Adteractive “Free Apple iPod nano” Campaign
Project Description: None yet.
-
Adteractive “Free Designer Handbags and Pursues” Fendi, Prada, Gucci, Dior Campaign
Project Description: None yet.
-
Adteractive “Free Levi’s 501 Jeans” Campaign
Project Description: None yet.
-
Adteractive “Free Louis Vuitton Handbag and Wallet!” Campaign
Project Description: None yet.
-
Adteractive “Free mobiBLU Cube MP3 Player” Campaign
Project Description: None yet.
-
Adteractive “Free New Apple iPod” Campaign
Project Description: None yet.
-
Adteractive “Free Sirius or XM Satellite Radio” Campaign
Project Description: None yet.
-
Adteractive “Free Sony Bravia 32 Inch HDTV” Campaign
Project Description: None yet.
-
Adteractive “Free Special Edition Black Motorola RAZR Phone” Campaign
Project Description: None yet.
-
Adteractive “Free Special Edition Pink Motorola RAZR Phone” Campaign
Project Description: None yet.
-
Adteractive “FREE! Sony DVD Handycam Camcorder” Campaign
Project Description: None yet.
-
Adteractive “FREE! XBox 360 Next Generation Gaming Console” Campaign
Project Description: None yet.
-
Adteractive “Need Money To Pay Your Bills?” Campaign
Project Description: None yet.
-
Adteractive “NEW Motorola iTunes Phone FREE!” Campaign
Project Description: None yet.
-
Adteractive “Please Claim Your Free Gift! HP Pavilion zd8000 Laptop PC” Campaign
Project Description: None yet.
-
Adteractive “Please Claim Your Free Sony Vaio Notebook PC!” Campaign
Project Description: Banner ad animation loops 5 times then stops. To replay, you might have to force-reload the page to refresh browser cache.
-
Adteractive “Please Claim Your Free Vermont Teddy Bear!” Campaign
Project Description: None yet.
-
Adteractive “Please Select Your Free Laptop PC!” Campaign
Project Description: None yet.
-
Adteractive “Please Select Your FREE MP3 Player!” Campaign
Project Description: None yet.
-
Adteractive “Special Offer Announcement - Free $500 Kmart Gift Card” Campaign
Project Description: None yet.
-
Adteractive “Special Promotion - Free Chocolates!” Campaign
Project Description: None yet.
-
Adteractive “Take Our National Survey!” Pringles vs. Doritos Couch Potato Snack Campaign
Project Description: None yet.
-
Adteractive Free XBox 360 Campaign Banner Ads
Project Description: None yet.
-
Adteractive FreeGiftWorld “Will They Last?” Survey
Project Description: Animation loops 10 times then stops. Reload page if you want to replay.
-
Adteractive FreeGiftWorld Applebee’s Campaign
Project Description: Animation loops 10 times then stops. Reload page if you want to replay.
-
Adteractive Post Holiday Shopping Spree “Free $500 Gift Card” Campaign
Project Description: None yet.
-
AOL Channel Art for The Sharper Image
Project Description: Visual design created based on The Sharper Image corporate look and feel. Since I had previously worked on other marketing vehicles for them I was already familiar with their brand standards which helped make this project a success.
-
Project Description: One of the iterations I worked on for AOL version 3. This version might have been too “cyber” looking and the text on the buttons is dithering oddly I think. Another designer came up with the final version which used oval shaped buttons which had a friendlier feel and was less technical looking.
-
Project Description: One of AOL’s most popular areas in version 3 was the Family Computing channel including it's chatting forums and games. The screen design integrated lots of visual eye candy to peek users interest to explore the different areas and get more intimate with the various subjects.
-
AOL Internet Adventure CD-ROM Interface Design
Project Description: None yet.
-
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.
-
Project Description: None yet.
-
Project Description: AOL Live! was the TV Guide for online events and the design needed to inform and entice users in an organized manner while keeping track of everything going on. I worked on developing the graphics for the main channel screen and sub-screens.
-
AOL Netscape Navigator Integration Navigation Map
Project Description: None yet.
-
Project Description: None yet.
-
AOL PowerPac CD Interface Design
Project Description: None yet.
-
Project Description: I created the final version based on an idea the CEO had after I had presented several initial designs from myself and a couple designer friends. This direction especially made sense to me after I got to review a lot of the outside agency submissions which were creating a whole new visual language that looked unrelated to the traditional AOL brand.
-
AOL The Sporting News Channel Screens
Project Description: None yet.
-
Project Description: None yet.
-
Project Description: None yet.
-
ApartmentSearch.com Region Based A/B Landing Page Test Variations
Project Description: None yet.
-
ApartmentSearch.com Search Flow UX Design
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
-
ApartmentSearch.com SEO Landing Pages
Project Description: None yet.
-
ApartmentSearch.com Website Redesign
Project Description: None yet.