Micro Interaction

Good vs. Great

Mirco interactions are, what makes a website or app special. They “make the difference between a good product and a great one”, as Dan Saffer would say in his book. For my typography class in first semester, I had the chance of designing and animating one myself.

sketches of the idea animated microinteraction

Place Order

I thought about common interactions when using digital platforms and chose to design an animated button for placing orders. Since this project was for my typography class, I wanted to include the text in my animation and came up with the idea of the letters turning into a parcel and falling into the truck. The programs I used were Adobe Illustrator for the elements and After Effects for the animation.