Animation Prototyping using Principle
[For Mac]
Goal: Utilizing Principle to demo some of its capabilities whilst having fun with an Overwatch theme.
Idea: The cards each represent a player's profile in Overwatch displaying their skill level and which characters they play most. The color scheme is inspired by Overbuff, a website displaying Overwatch player statistics.
Above (Left to Right): (1) Horizontal Card Page Swiping, (2) Vertical Card Page Swiping (3) Linear Bar Progression
(Above) The subtle animations to the numbers displayed upon tapping any of the buttons breathe more life into the interaction. The intent here is to create a smooth response to user actions as a means of validation without jarring changes in the content displayed.
