Interaction Design

Facebook login animation

About

While adding a “login in with Facebook button” during a project, as mask was accidently create with in my tool. The mask cropped the icon in a very tight but somewhat pleasing manner. Intrigued I created a couple iterations of the login screen utilizing the negative space for the for the location of all necessary assets.

Realizing the Facebook page was mostly white once you logged, I worked on the developing the large amount of blue negative space, into the white negative space. Mixed in some fun build in animations what you see here it the final product.