Illustrations and Animations for Proposify 2.0

Visual is a powerful communication tool to clarify how the feature works as well as creating a delightful and friendly experience for users. I created a series of illustrations and animations with a consistent visual style for the new product. In addition, several scenarios were defined to clarify when the illustration should be applied, making sure that they wont be overwhelming or distracting for users.

Common scenarios to apply illustration:

Explanatory Status / Empty Status / Progress Status

Welcome page for new users.

404 page.

A series of illustrations for communicating with users clearly in the product.

Popups with precise illustrations for introducing the new feature to users.

Progressing animation for delight users during the waiting time.

Page loading animation. A tiny animation can make the product more elegant.