Google Inbox - compose animation

10,719
5
286
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.

Todd Siegel

HitchQuote

3,361
1
21
HitchQuote is a simple prototyping application that gives the opportunity to user to share quotes with a tap. Every feedback is welcome!

f4ff2085-9250-11ed 9221-0e76797a4f7b

Forms Display

1,830
0
63
Super simple - Showing how to display from a form

8bcd91d3-4fba-11ee bd60-0e76797a4f7b

Social app

1,145
0

"Pitch" Prototype

1,804
2
App Description: Win stuff by telling companies what you want. If you want to give feedback via a surveymonkey survey you'll be entered into a draw for a $50 gift card of your choice. https://www.surveymonkey.com/s/WKDK9PS Cheers, Justin

752ed6b7-504d-11ed 9221-0e76797a4f7b

Top Picks

1,963
0
Smart Menu is a smartphone app that allows students to create their own health goals and uses those goals to find healthy restaurants and food options nearby. Smart Menu collates menu data from the restaurants and individual reviews from students. This data plus the health goals allow the app to help students find healthy eating options.

5d095bcf-504e-11ed 9221-0e76797a4f7b

Keezy App Animation

5,819
1
38
Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

Todd Siegel

Next