Microsoft Rewards: Daily Offer Animated Icons
Microsoft rewards is a loyalty program where users earn points for interacting with offer cards and quizes on the Microsoft rewards page. Animated icons not only create delight but also calls attention to unique daily offer cards and quizes. The animations only trigger when the cards they're in are hovered on, creating an added level of interaction that helps bridge the gap of a game-centric points program with a more engaging experience.
This feature's processes from animation to prototyping to production were entirely self driven. UX considerations such as hover area behavior, uninterrupted playback until completing playthrough, as well as resolving cross browser compatibility issues were done with minimal guidance. As this was a V1, mobile behaviors were also not considered.
View on Microsoft rewards . (must be signed in with Microsoft account)
Credits: Pratik Mistri, Diego Baca, Zhen Zhang, Albert Yih