Google Inbox - compose animation

10,807
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,439
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

iPhone 5S Dial Pad

3,935
2
107
This is an interactive dial pad, created with proto.io. Development & original idea: https://spaces.proto.io/akisioannou Graphic design: George Prentzas

f4ff2085-9250-11ed 9221-0e76797a4f7b

wru?

1,133
0
2
To find people in close quarters with the use of wire mesh network/ RFID + simple bold design

b3613a59-504d-11ed 9221-0e76797a4f7b

Twego

1,844
0
There We Go - social car sharing app mockup

ea3c4517-504c-11ed 9221-0e76797a4f7b

Keezy App Animation

5,905
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