Earlier this week, I asked David to challenge roulette me some challenges to work on next (because I need peer pressure), and he gave me some suggestions for the more popular challenges, and then some recommendations for ones that need a little bit of love. This challenge was one of the first challenges, and it needed a little love, so love I gave it.
Create a flat course design template, using at least three slides, and showing how the flat design concept will move throughout the course. The slides could be static or entirely built-out interactions.
Initially, I was going to include a progress meter, but figured I would save that effort for the progress meter challenge….so I did. Instead, I used Tint UI to create my palette for the sample slides, added some key elements (e.g. header, navigation buttons), and then changed up a few different screen styles. I made use of some free flat icons I acquired from somewhere on Creative Market or Smashing Magazine (I’m sorry…I can’t remember!), and then made final modifications to the player settings before publishing.
Click Here to see the Full Demo.