Benjamin Moore® Website Redesign

MXM brought INNOV8 in to architect and develop the responsive frontend for the Benjamin Moore® website redesign — a localized property serving the paint brand’s US and Canadian markets from a shared codebase.

Performance was a hard requirement, not a post-launch consideration. Benjamin Moore’s audience skews toward home-improvement decision-makers researching products before visiting a store; page load times and mobile rendering quality directly affect that research experience. INNOV8 built custom Angular components with performance budgets in mind from the architecture review onward, layering Bootstrap for the responsive grid while keeping the custom components lean. The localization architecture supported regional variants — distinct product catalogs, pricing, and dealer networks for US versus Canadian markets — without duplicating the component library.

The most technically demanding surface was the Color Preview tool — an interactive paint color selector surfacing thousands of Benjamin Moore’s named colors across curated collections, palettes, and designer families. View the Color Preview archive.

At this scale, color browsing is not a simple product listing — it’s a filtering and discovery problem. Users need to traverse by collection (Affinity Colors, Historical Colors, Color Trends), by hue family, by designer curation, and by individual swatch with real-time visual feedback. Each color card had to render accurately on-screen despite the inherent limits of monitor color calibration, carry hex and product code data for paint counter lookup, and preserve context across filtering state transitions without full-page reloads. INNOV8 built the tool as a custom Angular SPA — state managed in Angular’s component model, filter transitions handled client-side against Benjamin Moore’s color catalog API, and the responsive layout scaled to work on tablets in the paint aisle as well as desktop at home. The performance discipline applied everywhere else on the site was especially load-bearing here: an app with thousands of color swatches loading simultaneously has an obvious ceiling on how slowly you can afford to render.

The engagement ran December 2015 through January 2017, delivering the full redesign and color tool across web and mobile breakpoints as part of INNOV8’s extended MXM vendor relationship.