ColorSmart by BEHR®

The ColorSmart by Behr tool launched shortly after I had joined the company in 2003. I had been working on other portions of the site as an independent contractor. The tool was ahead of its time but its aesthetics and its architecture was not. I had some previous experience with touchscreen kiosk design and at the time was heavily into Adobe Flash. The first thing I noted to the team was its loading requirement. It was built with Lazlo and required the user to download almost 5mb which at the time was excessive. Over the next year or so I optimized the experience by utilizing a technique similar to progressive downloading which loaded the application immediately and had small delays with preload indication as the user moved through the experience.

Another milestone for the ColorSmart tool was moving from a 3rd party web service to colorize images. When the tool first launched the user would have to click a color and click a wall to paint. This information would be sent over the web, recolorized, and sent back to the client resulting in a few second delay per click. Through the use of my Flash based colorization technique this was able to stay client side and become an immediate change once the user clicked. Not only did this eliminate the need for a 3rd party service it greatly enhanced the user experience.

2012 ColorSmart Web
At this time I was co-leading the digital department and leading the digital UX and aesthetic design reporting directly to the CEO. With the new website rebuild the main objective was consistency between the ColorSmart kiosk and ColorSmart web experiences.

Behr Colorsmart Paint Your Place

2018 Colorsmart by BEHR / PYP - Visualize Colors
With the consumer website revamped recently and with all the added functionality and changes to the ColorSmart tool it was time to update the UI and design of the tool. Notable changes were ecommerce of gallons instead of just samples, close integration of the PYP tool into “Visualize Colors” and extending the ability of saving multiple colors to projects created.

Behr Colorsmart Paint Your Place Behr Colorsmart Paint Your Place

2023 Colorsmart by BEHR Website - Visualize Integration
Notable changes to the tool was the responsive layout within the site, visualization integration, a new color within the color family, additional ways to search and find color, a color detail drawer that allowed you to see color details and adjacent colors without taking you out of your current view, and consistency between visualization of your rooms vs Behr sample rooms.

Behr Colorsmart Paint Your Place
Behr Colorsmart Paint Your Place
Behr Colorsmart Paint Your Place
Behr Colorsmart Paint Your Place
Behr Colorsmart Paint Your Place