Design:
"Mouse" was a second iteration of a character update designed to better adapt to responsive interfaces. Built up of simple SVG shapes, the goal was to then bring "Mouse" to life with micro-interactions.
Animation Exploration:
This mascot was in dire need of an update for fresh representation in 2020. Minimal in formation yet widely expressive, "Mouse" was designed to live in a responsive educational platform in 2020.
"Mouse" is made up minimal vectors, which subsequently reduce anchor point data. It was important to begin with a simple SVG artwork for my first time animating in After Effects.
You can visit the Lottie files below (and download the .JSON files):
“…animation in design can only enhance user experience if it’s incorporated at the right time as well as the right place. Good UI animations have a purpose; they are meaningful, and functional. ” - Nick Babich
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/83b0a6d8-c52e-49c7-9448-f74dbaf82aad/Screen_Recording_2020-09-01_at_6.44.26_pm.mov
<aside> 🙂 The possibilities of animation are endless. They wow and delight us, and add to the overall experience. It’s important that the animations are designed with care and have a purpose within their UIs.
I look forward to deeper dive into motion and micro-interaction design in the future.
</aside>
Whilst experimenting with After Effects and various tutorials, I was introduced to a plugin feature called 'Joysticks and Sliders', which helps give more realistic movements to the character.
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6d40a103-2a84-4ba2-bd91-083e911664d8/aboriginal-flag.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6d40a103-2a84-4ba2-bd91-083e911664d8/aboriginal-flag.svg" width="40px" /> I am grateful to live & create on the lands of the Awabakal nation
Melissa Barrass © 2024
</aside>
