Portfolio / Industries / Technology
-
Insightly.com Pricing Page Test Variations
Redesign Showing Four Plans
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
-
QuantBench Predictive Analytics Banner Ads
Project Description:
Click for project detail view
-
Insightly.com Responsive Website Design
Project Management Page
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
-
BluFire Website Design
Products Page
Project Description: Ecommerce website created after logo and packaging treatments where designed. I decided to use rounded shapes so the site feels more friendly than technical and I used flat shapes with no shading or shadows to create a clean, flat, uncomplicated look.
Click for project detail view
-
KHN Solutions Website Design
Products Page
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
Products Page
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
Product Manuals Page
Project Description:
Click for project detail view
-
BluFire Website Design
Product Image Page
Project Description: Ecommerce website created after logo and packaging treatments where designed. I decided to use rounded shapes so the site feels more friendly than technical and I used flat shapes with no shading or shadows to create a clean, flat, uncomplicated look.
Click for project detail view
-
BluFire Website Design
Product Detail Page
Project Description: Ecommerce website created after logo and packaging treatments where designed. I decided to use rounded shapes so the site feels more friendly than technical and I used flat shapes with no shading or shadows to create a clean, flat, uncomplicated look.
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Pricing Toggle And Reversed Plan Order
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
-
Adobe EchoSign Website Redesign Phase 2 Examples
Pricing Page
Project Description:
Click for project detail view
-
Insightly.com Responsive Website Design
Pricing Page
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
-
BreathalyzerSuperstore.com Affiliate Website Design
Price Category Page
Project Description:
Click for project detail view
-
KHN Solutions Website Design
Press Coverage Page
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
Press Coverage Page
Project Description:
Click for project detail view
-
Adobe EchoSign Web Contracts 2012 Conference
Poster
Project Description:
Click for project detail view
-
PeopleSoft Connect Conference Guidebook – Onsite Version
Project Description: This version of the guidebook was handed out at the event. The layout template with FPO text and graphics was created in InDesign and handed-off as a template to be populated by another designer nearer the event date so it could include more specific detailed information.
Click for project detail view
-
PeopleSoft Connect Conference Guidebook – Mailer Version
Project Description: Created in-house at PeopleSoft based on their “Real” concept (previous attendee feedback was they wanted ‘real’ content). Other event materials were leveraged for developing guidelines on use of colors, icons, fonts, graphics and wording/adjectives, such as previously created “Save the Date” postcards and wayfinding signage, My concept was to have a continuous line run page to page to tie everything together visually and to hang content from. I then used the orange from their corporate color palette to lead the viewers eye through content areas from page to page. Multiple mailer versions were sent out to generate demand and ultimately registrations for the event by targeting audiences such as past attendees, Asia Pacific, Latin America, North America, and for web download.
Click for project detail view
-
Brillian Postcard Mailers
PayInSight™ “Pay At The Table” Postcard Mailer
Project Description: Brillian Postcard Mailers for PayInSight, PCI Compliance, and Wireless Payment Processing
Click for project detail view
-
HPShopping.com e-Financing Center 2 Offers
Pay No Interest for 18 Months or Make $0 Payments for 12 Months
Project Description:
Click for project detail view
-
KHN Solutions Website Design
Partners Page
Project Description:
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Page Created Specifically for Visitor Traffic Coming From Mobile Phones Only
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
Overlay Used To Emphasize Difference Between The Two Signup Paths
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
-
Breathalyzer.net Email Newsletter Template Design
November Issue
Project Description:
Click for project detail view
