-
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
-
Blue Note Records Flash Application
Project Description:
Click for project detail view
-
BreathalyzerSuperstore.com Affiliate Website Design
Brand Category Page
Project Description:
Click for project detail view
-
Breathalyzer.net Website Design
Breathalyzer.net Website Design Professional Breathalyzers Page
Project Description:
Click for project detail view
-
Quotes.pro Website Design
California Auto Insurance Landing Page Design
Project Description: Quotes.pro was all about generating sales leads for the auto, health, home, and life insurance industries. The site consisted of landing pages for the four insurance verticals plug geo-targeted landing pages based on the visitors U.S. state location. Articles and url structure included targeted keywords to help generate natural SEO traffic as well (such as if someone searched Google for "Texas auto insurance") and the geo-targeted landing pages provided relevant high-quality content (500 word crowd sourced articles) for AdWords campaigns with headlines such as "Shop Texas Auto Insurance".
Click for project detail view
-
Quotes.pro Website Design
California Health Insurance Landing Page Design
Project Description: Quotes.pro was all about generating sales leads for the auto, health, home, and life insurance industries. The site consisted of landing pages for the four insurance verticals plug geo-targeted landing pages based on the visitors U.S. state location. Articles and url structure included targeted keywords to help generate natural SEO traffic as well (such as if someone searched Google for "Texas auto insurance") and the geo-targeted landing pages provided relevant high-quality content (500 word crowd sourced articles) for AdWords campaigns with headlines such as "Shop Texas Auto Insurance".
Click for project detail view
-
Quotes.pro Website Design
California Home Insurance Landing Page Design
Project Description: Quotes.pro was all about generating sales leads for the auto, health, home, and life insurance industries. The site consisted of landing pages for the four insurance verticals plug geo-targeted landing pages based on the visitors U.S. state location. Articles and url structure included targeted keywords to help generate natural SEO traffic as well (such as if someone searched Google for "Texas auto insurance") and the geo-targeted landing pages provided relevant high-quality content (500 word crowd sourced articles) for AdWords campaigns with headlines such as "Shop Texas Auto Insurance".
Click for project detail view
-
Quotes.pro Website Design
California Life Insurance Landing Page Design
Project Description: Quotes.pro was all about generating sales leads for the auto, health, home, and life insurance industries. The site consisted of landing pages for the four insurance verticals plug geo-targeted landing pages based on the visitors U.S. state location. Articles and url structure included targeted keywords to help generate natural SEO traffic as well (such as if someone searched Google for "Texas auto insurance") and the geo-targeted landing pages provided relevant high-quality content (500 word crowd sourced articles) for AdWords campaigns with headlines such as "Shop Texas Auto Insurance".
Click for project detail view
-
TixNix Landing Pages Based on State
California Version
Project Description:
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
-
Insightly.com Responsive Website Design
Careers 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
-
Adobe EchoSign Website Redesign Phase 2 Examples
Case Studies Page – Before and After
Project Description:
Click for project detail view
-
Helmet City eCommerce Website Design
Category Page
Project Description:
Click for project detail view
-
FreelanceWebDesigner.com Website Design
Clients Page
Project Description: My old site promoting freelance services. The initial idea was to create a look that was inviting and fun to interact with but also futuristic and indicated a technical savviness, perhaps like an interface you'd see in a the Jetsons TV cartoon. This is the result of that direction which combines French curve shapes (a traditional design element) with an electric spark (signifying the electronic age or futuristic direction) to give the design element some life and make ot ‘pop’.
Click for project detail view
-
ClubVDO Website Redesign
Club Page
Project Description:
Click for project detail view
-
StormVentures.com Website Redesign
Contact Information Page
Project Description:
Click for project detail view
-
Insightly.com Responsive Website Design
Contact 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
-
FreelanceWebDesigner.com Website Design
Contact Page
Project Description: My old site promoting freelance services. The initial idea was to create a look that was inviting and fun to interact with but also futuristic and indicated a technical savviness, perhaps like an interface you'd see in a the Jetsons TV cartoon. This is the result of that direction which combines French curve shapes (a traditional design element) with an electric spark (signifying the electronic age or futuristic direction) to give the design element some life and make ot ‘pop’.
Click for project detail view
-
BusinesSuites Website Redesign
Coworking Page - Example 1
Project Description:
Click for project detail view
-
BusinesSuites Website Redesign
Coworking Page - Example 2
Project Description:
Click for project detail view
-
Insightly.com Pricing Page Test Variations
CTA Buttons Moved Above Features Chart And Directly Below Pricing
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 Responsive Website Design
Customer Case Study 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
