Diagramming

KP Building Products

Problem

Showing a set of color swatches does not give a viewer an accurate understanding of what each available siding option will look like when utilized.

Solution

Each siding color was retouched onto existing photos to approximate the effect of each color, and a simple interface constructed to display each image to the viewer on the KP Products website. Javascript technologies were used to power the rollover effects in order to provide the effect to the largest number of viewers. Each product is shown in each available color, and a Color Availability page is provided to show viewers which products are available in each color.