Paint Color Visualizer

My Role

Lead Front-end Developer

Tech Stack

  • HTML
  • CSS/SCSS
  • AngularJS
  • ASP.NET Web API

Year

2016

Site

https://www.visualizecolor.com
PPG Paints website
PPG Paints website

What is the project?

The paint color visualizer is a useful tool to help customers try colors before they buy. You're able to choose from 1200+ colors and paint many different images or upload your own photo to paint.

What did I actually do?

We worked with an external agency on this project. They provided static HTML mockups and I took those and integrated them with AngularJS and added functionality. It was an interesting project because the application had to be brandable and support many different languages. We wanted to be able to re-use the same code base without duplication so we came up with a way to make the application themable and support minor customizations. Here's an example of another brand that uses translations:

These changes are database driven which makes it very easy to implement a new brand when one comes along. At the time of writing, there are 26 different brands implemented.