Portfolio / Media Types / Websites
-
FreelanceWebDesigner.com Website Design
”Request A Quote” 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
-
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
-
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
-
BACtrack Breathalyzers Website Redesign
“Where To Buy” Page
Project Description:
Click for project detail view
-
KHN Solutions Website Design
Where To Buy Page
Project Description:
Click for project detail view
-
DailyDealSummit.com Website
West Event Homepage
Project Description:
Click for project detail view
-
FiftyFlowers.com eCommerce Order Management System Interface Design Proposal Mockups
Welcome Page
Project Description: A few quick mockups presented as a proposal for the commerce website administration and order management area of FiftyFlowers.com. By using colors that complimented the logo and improving the over layout of elements, this CMS user interface became immediately recognizable and aesthetically more pleasant to look at (and use) than interacting with the generic geeky look and feel that the engineers had initially developed.
Click for project detail view
-
BusinesSuites Website Redesign
Virtual Offices Page - version 2
Project Description:
Click for project detail view
-
BusinesSuites Website Redesign
Virtual Offices Page - version 1
Project Description:
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
-
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
-
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
-
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
-
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
-
Insightly Homepage Evolution (2013-2016)
Version 4
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
-
ReallyGreatRate Home Loan Landing Page
Version 3, Step 2
Project Description:
Click for project detail view
-
ReallyGreatRate Home Loan Landing Page
Version 3, Step 1
Project Description:
Click for project detail view
-
Insightly Homepage Evolution (2013-2016)
Version 3
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
-
Adobe EchoSign Homepage “Traffic Surge” Lightweight Fallback Page Design
Version 2: Static version with no links
Project Description: In case the website received too much traffic we had a couple failover plans in place, such as being able to switch to a revised homepage that was streamlined for lots of traffic. Version 1 removed the animated billboard image slider and didn't include any dynamic JSP so everything was static. In version 2 I also removed all links to internal pages including the billboard image CTA and no login plus the bottom section of the page content was removed. Version 1 HTTP resource requests went from 84 down to 41 and page weight went from ~972K to ~169K. Version 2 HTTP requests went down to 17 and page weight went to ~88K. Since most traffic doesn’t go through the homepage necessarily but to sub-pages directly, I could also redirect all sub-pages to the version 2 homepage if needed.
Click for project detail view
-
EchoSign Homepage “Traffic Surge” Streamlined Fallback Page Designs
Version 2: Static version with no links
Project Description: In case the website received too much traffic we had a couple failover plans in place, such as being able to switch to a revised homepage that was streamlined for lots of traffic. Version 1 removed the animated billboard image slider and didn't include any dynamic JSP so everything was static. In version 2 I also removed all links to internal pages including the billboard image CTA and no login plus the bottom section of the page content was removed. Version 1 HTTP resource requests went from 84 down to 41 and page weight went from ~972K to ~169K. Version 2 went down to 17 HTTP requests and ~88K page weight. Since most traffic doesn’t go through the homepage necessarily but to sub-pages directly, I could also redirect all sub-pages to the version 2 homepage if needed.
Click for project detail view
-
HPShopping.com Search Results Alternate Layout Mockups
Version 2: Showing Product Details
Project Description:
Click for project detail view
-
Insightly Homepage Evolution (2013-2016)
Version 2
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
-
ReallyGreatRate Home Loan Landing Page
Version 2
Project Description:
Click for project detail view
-
Adobe EchoSign Homepage “Traffic Surge” Lightweight Fallback Page Design
Version 1: Static version
Project Description: In case the website received too much traffic we had a couple failover plans in place, such as being able to switch to a revised homepage that was streamlined for lots of traffic. Version 1 removed the animated billboard image slider and didn't include any dynamic JSP so everything was static. In version 2 I also removed all links to internal pages including the billboard image CTA and no login plus the bottom section of the page content was removed. Version 1 HTTP resource requests went from 84 down to 41 and page weight went from ~972K to ~169K. Version 2 HTTP requests went down to 17 and page weight went to ~88K. Since most traffic doesn’t go through the homepage necessarily but to sub-pages directly, I could also redirect all sub-pages to the version 2 homepage if needed.
Click for project detail view
