https://s3-us-west-2.amazonaws.com/secure.notion-static.com/08efb7c1-0f40-4b6a-99f0-6defce736cfd/MONTY_SUCCESS_Mouse_cropped2.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/58c4ca08-acfa-4e6e-9772-cc5028aeefc3/animation_640_kejq9359.gif

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/32fa8995-c0f3-4265-87d4-08ca50ad188d/animation_640_kel5gw8z.gif

Mouse Character Design (2020)

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):

Error Lottie

Success Lottie

“…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.

← Back

<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 © 2023

</aside>