Google Inbox - compose animation

11,143
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

Windows 8 Showcase

4,164
1
25
A demo showcasing Windows 8 components.

Akis Ioannou

IFTTT

16,450
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

GetLost Student Map

4,900
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

Apple Watch using native UI library

33,113
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Expand/Collapse Menu

7,584
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Proposal Prototype

2,292
0
Hi-fidelity prototype proposal for an existing product.

a8c48b72-504d-11ed 9221-0e76797a4f7b

UBER Onboarding

4,422
1
86
This is an onboarding tool I created for UBER drivers. An UBER driver's first ride can be a little nerve wracking (I know from personal experience). This tool walks the driver through a typical flow to prepare them for their first ride. It is more interactive than a video and will give them more confidence before hitting the road.

4e0539bb-a6d0-11ed 9221-0e76797a4f7b

Next