Portfolio / Media Types / Websites
-
BACtrack Breathalyzers Website Redesign
S80 Product Photos Page
Project Description:
Click for project detail view
-
FiftyFlowers.com eCommerce Order Management System Interface Design Proposal Mockups
Search Module
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
-
FreelanceWebDesigner.com Website Design
Services 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
-
IMVU Homepage Design
Short 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
-
Sigikid-USA.com Retail Stores Page Design
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
Singleshot Product Features Page
Project Description:
Click for project detail view
-
Quotes.pro Website Design
Site Map 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 Responsive Website Design
Small Business 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
-
KHN Solutions Website Design
Solutions Page
Project Description:
Click for project detail view
-
AssembledFashion.com Website
Speakers Page
Project Description: Assembled Fashion was a brief sub-brand of General Assembly created for this fashion themed conference. Initially when my client had the fashion conference idea I had started designing an entirely different looking website. But as General Assembly became involved with putting on the conference I adopted they're look and feel. It's always an interesting experience adopting another designers look and feel and discovering a new style to work with.
Click for project detail view
-
StormVentures.com Website Redesign
Startup Company Timelines: Illustrating Noteable Steps from Initial Investment to Exit
Project Description:
Click for project detail view
-
FreeGiftWorld Landing Page Templates
Step 1 Generic Default Version
Project Description: In addition to creating templates for Free Gift World (FGW) similar templates were also created for Sample Promotions Group (SPG) and Consumer Opinion Group (COG).
Click for project detail view
-
FreeGiftWorld Landing Page Templates
Step 1 Product Selection Version
Project Description: In addition to creating templates for Free Gift World (FGW) similar templates were also created for Sample Promotions Group (SPG) and Consumer Opinion Group (COG).
Click for project detail view
-
FreeGiftWorld Landing Page Templates
Step 1 Stylized Graphic Version
Project Description: In addition to creating templates for Free Gift World (FGW) similar templates were also created for Sample Promotions Group (SPG) and Consumer Opinion Group (COG).
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 1: Search Interface Options
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
FreeGiftWorld Landing Page Templates
Step 2 Potential Shipping Info Error Messages
Project Description: In addition to creating templates for Free Gift World (FGW) similar templates were also created for Sample Promotions Group (SPG) and Consumer Opinion Group (COG).
Click for project detail view
-
FreeGiftWorld Landing Page Templates
Step 2 Shipping Info Entry Form
Project Description: In addition to creating templates for Free Gift World (FGW) similar templates were also created for Sample Promotions Group (SPG) and Consumer Opinion Group (COG).
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 2: Search Results Listing Wireframe with Competitive Analysis Screengrabs
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 3: Property Detail Wireframe
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 4: Search Interface With Expanded Options
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
HPShopping.com Back-to-School Shopping Guide
Study Anywhere: Dorm Room
Project Description:
Click for project detail view
-
HPShopping.com Back-to-School Shopping Guide
Study Anywhere: Library
Project Description:
Click for project detail view
-
HPShopping.com Back-to-School Shopping Guide
Study Anywhere: Quad
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
Support Page
Project Description:
Click for project detail view
