Products Prototypes

Explorations related to product category and individual product pages.

Parallel Kit Selector

  • latest

A design prototype for the parallel kit selector

Product comparison with removable products

  • latest

A comparison product page, max of three products, with the ability to remove products

Category Page

  • latest

Product listing, fully responsive and reasonably polished but lacking interactive elements.

Single Product Page

  • latest

Same as other prototype except the heading area has been lightened, and the flag is relocated to the "where to buy" button (which is no longer yellow to avoid ugly color combos).

Product Manuals Landing Page

  • latest

Simple landing page for product manual search.

Product Comparison

  • latest

A comparison product page, max of three products, similarities to product tiles and pages but with more emphasis on comparable data points.

Generator Selector, Step 1

  • latest

Usage selector and items to power lists.

Generator Selector, Step 2

  • latest

Usage selector and items to power lists.

Generator Selector, Step 3

  • latest

Wattage needs results and top 3 matches.

Generator Selector, Step 4

  • deprecated

Results and filter options

Generator Selector

  • deprecated

A guide for picking a generator based on wattage needs.

Combination of previous tile prototypes

  • deprecated

Revised version based on feedback. Spaces out tiles at larger sizes and accounts for some variation in content. Also includes "compare" action when more than one products are selected. Tested only in Chrome.

HSB Selector Questions With Videos

  • latest

Exploring adding educational videos to the HSB selector intro.

HSB Selector Questions

  • latest

Exploring the first stage of the HSB selector workflow, where the customer answers some simple questions to help us find them a generator.

HSB Selector Results

  • latest

Exploring the second stage of the HSB selector workflow, where the customer is presented with generator options, and prompted to reach out to CPE.

Tyler Product Tile 2

  • deprecated

Revised version based on feedback. Spaces out tiles at larger sizes and accounts for some variation in content. Also includes "compare" action when more than one products are selected. Tested only in Chrome.

Tyler Single Product 1

  • deprecated

In-progress prototype of a single product page. Uses placeholders for detail and third-party content.

Filter Menu

  • deprecated

Exploration of what happens when the filter menu is opened at various screen sizes.

Tyler Product Tile 1

  • deprecated

Prototype of product grid based largely on experiments in element collage exercise. Only tested in Chrome.

(DAS) Product Comparison

  • deprecated

Minor styling improvements to @aileenjeffries previous product comparison prototype