Portfolio / Industries / Business Services
-
LeadsCon Lead Generation Conference 125×125 Animated Gif Ads – Five Versions
Project Description:
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Less Cluttered Features Chart with More Info Contained In A “See More” Rollover
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
Login 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
-
Insightly.com Responsive Website Design
Main Blog 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
-
Insightly.com Responsive Website Design
Management Team 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
-
StormVentures.com Website Redesign
Managing Director Investor Profile
Project Description:
Click for project detail view
-
BusinesSuites Landing Page Redesign
Map View Example
Project Description:
Click for project detail view
-
BusinesSuites Website Redesign
Market or Region Page - Example 1
Project Description:
Click for project detail view
-
BusinesSuites Website Redesign
Market or Region Page - Example 2
Project Description:
Click for project detail view
-
Cisco WebEx Meetings Plus Summer Campaign
Mass Market Landing Page
Project Description:
Click for project detail view
-
Michigan City Paper Box Company Price List
Project Description: Art Director: Mark Drury.
Click for project detail view
-
Insightly.com Responsive Website Design
Mobile Only 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
-
Mood Boards
Project Description: These where created after doing an informational interview gathering initial thoughts on potential needs that would appeal to both the client and their audience. Created as part of the Web Contracts 2012 conference project I keep old mood boards around just in case I ever need them again on another project.
Click for project detail view
-
WorkInTexas.com Website Redesign
My Portfolio Page
Project Description:
Click for project detail view
-
MyJV.com Brand Identity
Project Description: MyJV.com introduces people to jointly fund a business enterprise. It enables financial transactions between and among an unlimited number of business partners to enable joint ventures to be executed. My goal for this project was to create a unique and identifiable graphic image along with other imagery that would form the nucleus of most, if not all of myJV.com outbound marketing efforts.
Click for project detail view
-
MyJV.com Branding Identity Guidelines
Project Description: A brief branding style guide put together to help insure logo and color integrity was maintained. Includes information on the brands color palette, color usage, horizontal logo, and vertical logo details including correct and incorrect usage examples in each section.
Click for project detail view
-
Narus Intelligence Product UX Wireframes
Project Description:
Click for project detail view
-
Narus Network Monitoring Icon Organization
Project Description:
Click for project detail view
-
Narus Product Logo Buttons
Project Description:
Click for project detail view
-
Narus.com Corporate Website Navigation Map
Project Description:
Click for project detail view
-
Narus.com Website Design
Project Description:
Click for project detail view
-
Insightly.com Pricing Page Test Variations
New Features Highlighted and Header Updated
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
-
LeadsCon.com Landing Page Creator
New York Event Example
Project Description: Event organizer needed an easy way to create individual landing pages for several targeted offers geared towards partners, vendors, past attendees, for speaker promotions, trade groups, magazine audiences, and the general public. Each landing page offered special discounts and was only accessible at a special link which potential customers would receive via email campaigns or see in an ad somewhere. By creating templates for the East Coast and West Coast events that could easily be updated on the backend, dozens of landing pages were created by the event manager without needing additional coding or design cycles each time.
Click for project detail view
-
StormVentures.com Website Redesign
News Page
Project Description:
Click for project detail view
