Unlike last year’s colour of the year (you can see the blog write-up and challenge entry for Radiant Orchid by clicking here), I was actually excited about the new colour of the year, Marsala. I even fawned over the Sephora + Pantone Universe’s collection, but passed it up because I have very fair skin and cannot pull off the very beautiful (and highly pigmented) Marsala. Sigh.
This challenge was to design an e-learning template or interaction using Marsala as the primary colour. I may have gone a little overboard with the Marsala-usage, but when in Rome…
Initially I was going to create some kind of makeup application tool, inspired by my visit to Sephora, but I had some fantastic icons kicking around from a recent Creative Market purchase, so I wanted to make use of those. After perusing the icons, I settled on the fitness set because it is a New Year after all, and what resolution is one of the most popular of resolutions? To get fit/join a gym/exercise more/eat better, etc. Using the icons as inspiration, I set out to create a simple interaction to highlight some solid fitness tips.
I first formatted my background to Marsala, added a directional header (using a Marsala tint), and then added and formatted the icons. Originally the icon background were a really nice taupey-beige, so I made them a bit more Marsala-y and then added layers with tips for each icon. I set each icon trigger to display the relevant layer when clicked.
As for the player, I removed customized the colours to be more Marsala-esque and added a slew of resources from some of my favourite fitness gurus and sites.
I think the interaction turned out well, and it offers practical tips and resources for maintaining those fitness goals you resolved to maintain in 2015.
To view the complete interaction, Click Here.