Skip to content

Pantone Color of the Year – DEMO

The Mission

For a while now I’ve been wanting to use a set of characters I found online, and finally found the perfect opportunity through the e-learning heroes Pantone Color of the Year challenge. I like these avatars because they look clean and classy, see for yourself:

Clean and classy... and by the way, it's winter
Clean and classy… and by the way, it’s winter!

The Idea

Realising there had a Pantone e-learning challenge for the last three years, I decided to create an interaction using all three Pantone winners: 2014 Radiant Orchid, 2015 Marsala and 2016 Rose Quartz and Serenity. Seeing as my avatars were so fashionably dressed, I wanted the user to be able to change the colour of their clothes to the Pantone colours in question.

pantone1
Lovely colours, wouldn’t you agree?

The thing is, I only had these images in PNG format. Lucky for me, they had a transparent background, so I used a very simple yet effective technique. I inserted my avatars into PowerPoint, and for each one I used the INSERT > SHAPE > FREEFORM tool to trace the shape of their clothes. Then, I changed the colour of the shape to the relevant Pantone colour, sent it to the back and voila!

Here is a two-minute video on how I did this:

I created one slide for the men and one for the women and then added a set of buttons for each avatar that would change the state of the avatar to the appropriate colour on click or tap. I also added a bar at the bottom of the screen with its own set of ‘colour-changing’ buttons. Lastly, I added a ‘Refresh’ button so the user could set the screen to black and white and start again if desired.

pantone2
Button sets

The Result

To finish this off, I added some of my favourite classical pieces from Tchaikovsky, just because it sounds beautiful.

So, click Play below to check it out:

Launch Presentation
pantone3
How nice, all dressed up in this year’s colours!
Published inChallengesPlayPortfolioTips

4 Comments

  1. Beautiful, Veronica! Love your how-to about adding color via PowerPoint’s freeform tool, too. You did three years’ worth of Pantone colors proud in just one interaction. 🙂

    • Thank you so much Jackie for your comment, and for taking the time to have a look!

  2. […] Last year for the Pantone challenge I combined the three most recent Pantone Color of the Year winners into one demo. You can see that one here. […]

  3. Veronica, although I am just one of thousands, I want to say how amazingly clever, talented, multi-faceted and brilliant you are.

Leave a Reply

Your email address will not be published. Required fields are marked *