Portfolio / Industries / Technology
-
Insightly Homepage Evolution (2013-2016)
Version 5
Project Description: From 2013 through 2016 I was the front-end developer for Insightly.com in charge of translating layered Photoshop PSD or Sketch files into HTML, CSS, and Javascript.
Click for project detail view
-
Cisco Webex Free Trial Signup Step 2 Form, Multi-variant Test Variations
Version 6
Project Description: To help explain what I was working on and the user experience which I based my decisions on, I created a quick user flow diagram showing screenshots along with short text explanations of the user journey both before and after interacting with the sign-up screens I was working on. This helped focus decisions to specific areas, optimize content to improve user experience, and identify most effective opportunities for multi-variant testing. Each of the variations were based on learnings from other Cisco Webex products, team input/feedback, plus learnings I incorporated from studying best practices in form design, lead generation, and UX marketing design.
Click for project detail view
-
Insightly Homepage Evolution (2013-2016)
Version 6
Project Description: From 2013 through 2016 I was the front-end developer for Insightly.com in charge of translating layered Photoshop PSD or Sketch files into HTML, CSS, and Javascript.
Click for project detail view
-
Cisco Webex Free Trial Signup Step 2 Form, Multi-variant Test Variations
Version 7
Project Description: To help explain what I was working on and the user experience which I based my decisions on, I created a quick user flow diagram showing screenshots along with short text explanations of the user journey both before and after interacting with the sign-up screens I was working on. This helped focus decisions to specific areas, optimize content to improve user experience, and identify most effective opportunities for multi-variant testing. Each of the variations were based on learnings from other Cisco Webex products, team input/feedback, plus learnings I incorporated from studying best practices in form design, lead generation, and UX marketing design.
Click for project detail view
-
Insightly Homepage Evolution (2013-2016)
Version 7
Project Description: From 2013 through 2016 I was the front-end developer for Insightly.com in charge of translating layered Photoshop PSD or Sketch files into HTML, CSS, and Javascript.
Click for project detail view
-
Cisco Webex Free Trial Signup Step 2 Form, Multi-variant Test Variations
Version 8
Project Description: To help explain what I was working on and the user experience which I based my decisions on, I created a quick user flow diagram showing screenshots along with short text explanations of the user journey both before and after interacting with the sign-up screens I was working on. This helped focus decisions to specific areas, optimize content to improve user experience, and identify most effective opportunities for multi-variant testing. Each of the variations were based on learnings from other Cisco Webex products, team input/feedback, plus learnings I incorporated from studying best practices in form design, lead generation, and UX marketing design.
Click for project detail view
-
Insightly Homepage Evolution (2013-2016)
Version 8
Project Description: From 2013 through 2016 I was the front-end developer for Insightly.com in charge of translating layered Photoshop PSD or Sketch files into HTML, CSS, and Javascript.
Click for project detail view
-
Cisco Webex Free Trial Signup Step 2 Form, Multi-variant Test Variations
Version 9
Project Description: To help explain what I was working on and the user experience which I based my decisions on, I created a quick user flow diagram showing screenshots along with short text explanations of the user journey both before and after interacting with the sign-up screens I was working on. This helped focus decisions to specific areas, optimize content to improve user experience, and identify most effective opportunities for multi-variant testing. Each of the variations were based on learnings from other Cisco Webex products, team input/feedback, plus learnings I incorporated from studying best practices in form design, lead generation, and UX marketing design.
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Version Showing Five Plans and Features Chart Enhancements
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
-
EchoSign Click-Through Landing Pages
Version with Guy
Project Description:
Click for project detail view
-
EchoSign Lead Capture Landing Pages
Version With Guy
Project Description:
Click for project detail view
-
EchoSign Lead Capture Landing Pages
Version With Happy People Photos
Project Description:
Click for project detail view
-
EchoSign Click-Through Landing Pages
Version with Woman
Project Description:
Click for project detail view
-
EchoSign Lead Capture Landing Pages
Version With Woman
Project Description:
Click for project detail view
-
Fujitsu Lifebook In-Store Demo Presentation
Video Storyboard
Project Description: After reviewing the content outline, wireframing the flow, and designing individual screens I created a storyboard to explain the animation needed in written frame-by-frame form. Then I created a basic video slideshow storyboard to demonstrate some of the timing and effects we’re going for so the client and animator has a better understanding of what the final version should look like.
Click for project detail view
-
KHN Solutions Website Design
Where To Buy Page
Project Description:
Click for project detail view
-
WorkBright Logo
Project Description: Logo created for a new high-powered portable work light startup that a previous client of mine was working on. Concept I came up with was to present the logo within a light or dark space, depending on need. Also the trademark ™ symbol under the T on the right starts to suggest a lamp pull switch or pull chain.
Click for project detail view
-
Brillian Postcard Mailers
“PCI Compliance” Postcard Mailer
Project Description: Brillian Postcard Mailers for PayInSight, PCI Compliance, and Wireless Payment Processing
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
“Where To Buy” Page
Project Description:
Click for project detail view
-
BluFire Website Design
“Where To Buy” Page – Version 1
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
“Where To Buy” Page – Version 2
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
-
Brillian Postcard Mailers
“Wireless Payment Processing” Postcard Mailer
Project Description: Brillian Postcard Mailers for PayInSight, PCI Compliance, and Wireless Payment Processing
Click for project detail view
