Design Credits: https://www.sketchappsources.com/free-source/2513-simple-book-app-design-sketch-freebie-resource.html

Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

The Flipboard animation created using states.

Tinder UI cards

The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Hey!, the conversational app that is here to help users find something to do today. Users search through three categories of events to find what best suits them, learn, see and do. Each event appears 24hrs before it begins, allowing users time to plan their day. Users can view saved events and can even add their own events, all from the home menu. Hey! brings people together through entertaining events.

I created a prototype of the UBER app for Android in order to demonstrate what is possible using Proto.io. This project was a massive undertaking as my goal was to simulate the user experience of what it would be like to order 4 different UBER cars in San Francisco. I plan on doing a full "behind the scenes" article on my website about the challenges I faced along the way simulating the UBER app in Proto.io. Special thanks to the awesome team at Proto.io for all of their tireless assistance along the way! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

This is just the regular user interface. The introduction and underlying technology are not displayed due to intellectual property. The desired effect here is to show the app's powerful ability to promote local business on any mobile display even one as small as an iPhone 5. New smartphones have much larger screen sizes usually ranging from 4.7" to 5.5". So, showing that the tech works on an iPhone 5 helps us prove this point. If you would like to leave a comment, please do so. Any help is appreciated. Also, if you would like to get involved, please leave a comment.