-
BestDegrees.us Website Design
Microsite Landing Page
Project Description: A project me and another guy at Yahoo! developed outside of work to see if we could sell EDU vertical leads. We used the .us domain name extension based on some insight we had that U.S. colleges have a strong appeal to non-U.S. citizens who would like to come to the U.S. for college. I tried to keep the visual design clean and simple, though the photo of the girl starring at you might be a little distracting.
Click for project detail view
-
BusinesSuites Website Redesign
Market or Region Page - Example 2
Project Description:
Click for project detail view
-
BusinesSuites Website Redesign
Market or Region Page - Example 1
Project Description:
Click for project detail view
-
StormVentures.com Website Redesign
Managing Director Investor Profile
Project Description:
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
-
HPShopping.com e-Financing Center 2 Offers
Make $0 Payments Up To 12 Months
Project Description:
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
-
Luminositi Website Design
Project Description:
Click for project detail view
-
Briefing.com “Briefing In Plan” Landing Page Design
Long Version
Project Description: Created “dayparting” designs. Shorter version for daytime audience and longer version with more prose for evening/nighttime audience.
Click for project detail view
-
IMVU Homepage Design
Long Version
Project Description: Original look and design was created by someone else and occasionally we would do multivariate tests with alternate layouts and page elements. I would gather details about what we wanted to test and assemble content to create mockups and prototypes, such as these shorter or longer versions.
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
-
FreelanceWebDesigner.com Website Design
Links 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
-
Quotes.pro Website Design
Life Insurance Landing Page Design - Alternate Look 2 (Unused)
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
Life Insurance Landing Page Design - Alternate Look 1 (Unused)
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
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
-
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
-
LeadsCon Las Vegas “Last Week To Save” Announcement Email
Project Description:
Click for project detail view
-
LeadsCon Las Vegas Registration Email Sent To Past Attendees
Project Description:
Click for project detail view
-
LeadsCon.com Landing Page Creator
Las Vegas 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
-
IMVU “Avatar” Movie Theme Campaign
Landing Page Version 2 - With Alternate Glamour Shot
Project Description: After going through several alternate looks for the avatar – including different poses, clothing, and background environments – we settled on going with this direction and tested a few different headline and button text combinations. Based on the direction landing page tests were also done and eventually the IMVU homepage included the design in the main image rotation.
Click for project detail view
-
IMVU “Avatar” Movie Theme Campaign
Landing Page Version 1
Project Description: After going through several alternate looks for the avatar – including different poses, clothing, and background environments – we settled on going with this direction and tested a few different headline and button text combinations. Based on the direction landing page tests were also done and eventually the IMVU homepage included the design in the main image rotation.
Click for project detail view
-
BusinesSuites Office Services Landing Pages
Landing Page for Virtual Offices and Services
Project Description:
Click for project detail view
-
BusinesSuites Office Services Landing Pages
Landing Page for Meeting Rooms
Project Description:
Click for project detail view
-
BusinesSuites Office Services Landing Pages
Landing Page for Full Service Executive Offices
Project Description:
Click for project detail view
