Portfolio / Industries / Business Services
-
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.
Click for project detail view
-
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.
Click for project detail view
-
Adobe EchoSign Web Contracts Conference Signage
Project Description:
Click for project detail view
-
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.
Click for project detail view
-
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.
Click for project detail view
-
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.
Click for project detail view
-
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.
Click for project detail view
-
Adobe EchoSign Website Redesign Phase 1 Example Co-branded Homepage Redesign – Before and After Examples
After 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
-
Direct Marketing Confidential Website Design
Alternate Homepage Visual Design 1
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
-
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 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
-
Cisco WebEx Meetings Plus Summer Campaign
Another Landing Page
Project Description:
Click for project detail view
-
B2B Logo Mark
Project Description: The client needed something to distinguish a subject area of their conference events specifically meant for business-to-business marketing professionals. After trying a few arrangements of the letters I came up with this pretty quickly and applied colors and a style that fit in with the rest of the brand so it still looked related to the event.
Click for project detail view
-
Adobe EchoSign Real Estate Agents and Brokers Campaign
Banner Ads
Project Description:
Click for project detail view
-
Adobe EchoSign “Increase The Speed” Campaign
Banner Ads
Project Description: This campaign was targeted at CFOs and real estate professionals using customized text in the emails and landing pages.
Click for project detail view
-
Cisco WebEx Meetings Plus Summer Campaign
Banner Ads
Project Description:
Click for project detail view
-
Adobe EchoSign Web Contracts 2012 Conference
Banner Ads Promoting the Event
Project Description:
Click for project detail view
-
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
-
Insightly.com Responsive Website Design
Blog Article Page Template
Project Description: Initial layouts were created by another designer for the desktop screen width then handed-off for me to develop the alternate layouts for mobile devices. I coded layouts to be flexible so they worked on as many devices as possible. With only a couple exceptions, all pages were coded with four primary target sizes in mind beginning with the "mobile first" methodology. Additional media-query breakpoints were created when content areas within the layouts did not degrade gracefully when being resized. Standard sizes I would test and create media-queries for where 480x320 for iPhone landscape mode, 320x480 for iPhone portrait mode, 768x1024 for iPad portrait mode, and 1024x768 for iPad landscape mode and desktop use cases.
Click for project detail view
-
BusinesSuites Landing Page Redesign SEO/PPC Traffic Flow Diagram
Project Description:
Click for project detail view
-
BusinesSuites Website Redesign Alternate Photo Gallery Layout and Interaction Studies
Project Description: Explorations analyzing 15 photo gallery layout and interaction possibilities. These initial directions were created to gauge scalability (number of photos) that could be easily presented using a small screen real estate footprint yet also keep the photo thumbnails large enough to be compelling and easy to navigate. A couple directions where then selected to present and gather feedback on from the client and learn of any exceptions they might have or additional needs before creating an interactive prototype for potential integration into the site.
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Captora Version 1: With Less Distracting Header and Removed Content Below Features Chart
Project Description: Presented here are several iterations of the Pricing page I coded or co-designed/developed and maintained 3013 through 1016 while working with the Insightly marketing team, internal designers, and external vendors. Variations were tested using Optimizely and services such as Experiment Engine for A/B testing and conversion optimization along with KissMetrics and Google Analytics for click path tracking. Occasionally I contributed to the visual design while staying true to the look and feel of the Insightly brand. Additionally I occasionally contributed test suggestions based on best practices research, reviewing reported successes on other sites and competitive analysis. Several other versions were created as well, such as using different visual treatments for the title area and plan blurbs. etcetera.
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Captora Version 2: With Less Distracting Header, Plan Features Initially Hidden, and Customer Quote
Project Description: Presented here are several iterations of the Pricing page I coded or co-designed/developed and maintained 3013 through 1016 while working with the Insightly marketing team, internal designers, and external vendors. Variations were tested using Optimizely and services such as Experiment Engine for A/B testing and conversion optimization along with KissMetrics and Google Analytics for click path tracking. Occasionally I contributed to the visual design while staying true to the look and feel of the Insightly brand. Additionally I occasionally contributed test suggestions based on best practices research, reviewing reported successes on other sites and competitive analysis. Several other versions were created as well, such as using different visual treatments for the title area and plan blurbs. etcetera.
Click for project detail view
