PPG Paints

What is the project?

PPG Paints is the main brand of PPG Architectural Coatings. The website serves both professional and do-it-yourself painters. It provides a way to browse colors and find product specific information to make informed purchase decisions.

What did I actually do?

We don't use any pre-built Kentico CMS components. This website is built custom from the ground up on the presentation side. We use Kentico as a headless CMS to serve content through an API.

With this being a site controlled by a CMS with a wide variety of different kinds of content we needed ways for the content team to easily create articles and serve up many kinds of dynamic content. I created different kinds of templates to help serve these things up. I also created to what we referred to as widgets internally. These were for the content editors to easily insert different kinds of content e.g. video, lists, block quotes, banners to name a few.

On the front end these widgets were handled by pulling in different partial views. A modular approach had to be taken for the CSS since you never knew which widgets could be next to each other.

We have a vast color palette of 1200+ colors. Each color has 5 images associated to it. A small swatch, large swatch, and 3 painted room images. This obviously would take a long time for a designer to create for every color. I built a small console application that takes a list of RGB color data and generates the required images by using masking data. After all the images are generated, it uses the Kentico APIs to upload all the images into our Azure Storage account and associates them to their respective dynamic color page.