Login Persuasion

This is a prototype that I had quickly created in Framer Studio in 2015 to check our hypothesis and let developers understand what exactly we were looking for.

The feature was to nudge user to login in the new Flipkart Lite PWA. When a new user opens up the site, if the user does not logs in, then the login icon would give a single node of vibration and shake to grab the attention of the user. Once the interaction completes, it would repeat itself in the next session only or if the user is on the site for a long period of time browsing.

The feature was later used on the "Add to home screen" icon.

The code for vibration was used from http://ryhan.org/post/106823687656/quick-tip-to-simulate-phone-vibration-in-a.

Few APIs got deprecated. Had to change few things to make it work again.

Check out the prototype: https://framer.cloud/nKoUX/

This prototype works in Safari browser as of now.