Portfolio / Industries / Technology
-
ClubVDO Website Wireframes
Club Page Alternate
Project Description:
Click for project detail view
-
ClubVDO Website Redesign
Club Page
Project Description:
Click for project detail view
-
ClubVDO Website Wireframes
Club Page
Project Description:
Click for project detail view
-
Cisco WebEx PCNow Banner Ads
Project Description: A few of the various banners I created based on the brand guidelines for use on the company website.
Click for project detail view
-
Cisco WebEx Modal Dialogs with “Useful Tips” Tutorials
Project Description: These dialogs would appear in MeetMeNow and PCNow web based application portals to assist and educate users. The modals would appear during events such as during the new user on-boarding process, when a new session is initiating, when the free trial is about to expire, when the credit card is about to expire, when there's a browser plugin update available, and after a session has ended. I created the look of the dialogs based on the visual gradient of some other areas in the products then created and stylized the icons indicating info, alert, and timely message topics. The “Useful Tips” area presented a Flash based slideshow I created by assembling screenshots from the products and adding text explanations in the overlayed green speech bubbles which animated in along with indicators pointing to the different subject areas of the users screen, such as where users can create a desktop shortcut.
Click for project detail view
-
Cisco WebEx MeetMeNow Co-branded Product Page Design
Project Description:
Click for project detail view
-
Cisco WebEx MeetMeNow Banner Ads
Project Description: A few of the various banners I created based on the brand guidelines for use on the company website.
Click for project detail view
-
Cisco WebEx Meetings Plus Summer Campaign Prototypes and Mockups Presentation
Project Description: Shows placement of “Meetings Plus $59 Special Package” promo graphic on the homepage, product pages, emails and associated landing pages, emails, and banner ads used to generate new subscribers. This presentation format worked well for capturing feedback in meetings when printed in landscape format since just one section printed per page and left room on the side to write notes about any changes discussed.
Click for project detail view
-
Cisco WebEx Floor Display Banner for Conference Event
Project Description: Design created in-house based on brand guidelines.
Click for project detail view
-
Cisco WebEx Customer Success Story Case Study Example
Project Description: InDesign template was originally created by another designer. Occasionally I created new versions when needed by replacing text, images, and links while working with the product manager (such as to request a better customer logo sometimes), the copywriter, and then gathered feedback/sign-offs from the art director before creating the final interactive PDF for distribution.
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
-
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
-
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 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
-
Brillian PayInSight™ “Pay At The Table” Leaflet for Dining Customers
Project Description:
Click for project detail view
-
Brillian PayInSight™ “Pay At The Table” Brochure
Project Description:
Click for project detail view
-
Breathalyzer.net “Are You Intoxicated?” HTML Email Design
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
-
BreathalyzerSuperstore.com Affiliate Website Design
Brand Category Page
Project Description:
Click for project detail view
-
BluFire Pedometer Packaging Header Card
Project Description:
Click for project detail view
-
BluFire Logo Design
Project Description:
Click for project detail view
-
BluFire Digital Thermometer Clamshell Packaging Header Card
Project Description: Showing production art with bleed and magenta spot color keyline indicating die-cut shapes and folds.
Click for project detail view
-
BluFire Body Fat Analyzer Packaging
Project Description: Showing production art with bleed and magenta spot color keyline indicating die-cut shapes and folds.
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
