Animation for User Interface

While enrolled in Motion Across Media, I was tasked with designing a user interface animation of my choosing. The goal was to demonstrate my knowledge of effective UI animation that is visually appealing to the user and guides them on their journey through a digital interface.

I brainstormed a few interface problems that I personally face on a daily basis but finally settled for enhancing basic email notifications. I wanted users to be able to preview a new email without having to leave the page they were currently working on.

To create this short animation, I used Adobe Illustrator and AfterEffects. In the first stage, Illustrator was used in creating the graphics, such as the envelope and the cursor. AfterEffects was used in the second stage to animate the graphics and add sound effects.

To create this short animation, I used Adobe Illustrator and AfterEffects. In the first stage, Illustrator was used in creating the graphics, such as the envelope and the cursor. AfterEffects was used in the second stage to animate the graphics and add sound effects.

Next
Next

Logo Stinger