Colored Hair Spectrum is an interactive installation crafted for Alfaparf Milano Professional’s innovative brand Evolution of the Color. Drawing inspiration from the vibrant world of colored hair, this visually captivating installation invites people to caress the spectrum of colored hair on the display by moving their hands above leap motion sensors. Along with the evolving visuals, the experience features an infusion of information that enriches participants’ appreciation of the artistry behind Evolution of the Color.

The installation was presented at Cosmoprof Worldwide Bologna 2023, the most influential global event dedicated to all facets of the beauty industries, attracting beauty professionals hailing from various parts of the world.

screenshots from Alfaparf Milano Professional social media channel

Processing and leap motions enabled the interactive display. The hair simulation was relying on toxiclibs, an open source library dedicated to computational design tasks in Processing. Evolution of the Color hair dye’s true hues are sampled and assigned to all the interactive visuals coded in Processing. Leap motions track human hand movement, specifically the center of the palm, which enables visuals to respond to the hand movement. They also serve the “hover to go forward” control of the experience.

simplified user journey

UI elements

Processing and Leap Motion

All visual elements and interactions are designed to embrace and reinforce the messages conveyed in the storyboard. The narrative begins by greeting the visitors with an overview of the brand and a simple on-boarding of teaching people how to engage. Then it walks participants through the two patented technologies of Evolution of the Color–Anti-blue Light&UV and Anti-Pollution. Subsequently, it vividly depicts the three key features of the product line: Increased Combability, Enhanced Shine, and Long-lasting Color. The journey culminates with a statement on the brand’s commitment to research and development with a teaser of the new Evolution of the Color, which is followed by seamlessly navigating visitors back to the main page.