Keezy App Animation

6,308
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

PolyglotBox

2,579
0
Finding language learning resources can be a time-consuming hassle. This app makes your search easier by exposing you to well-designed resources. Save the ones that strike your fancy and dabble, or get the app to arrange them into a structured, daily study schedule for you. Then track and share your progress. It's that simple. You can share your progress

779b5e5b-504e-11ed 9221-0e76797a4f7b

Expand container that moves adjacent content in sync

3,595
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

SpaceTrip Low-fidelity

3,203
0
2
Basic shapes like rectangles, lines, circles, text and more are available and they can be dropped on the canvas to create the very first draft of a mobile app in order to demonstrate the flow and functionality of the app.

a03851e9-504c-11ed 9221-0e76797a4f7b

Pandora

4,396
0
43
This prototype is a simulation of one part of the Pandora iPhone app. I have chosen to simulate the part of the app where the user selects a Pandora radio station and then proceeds to select that station. What I have demonstrated is how how the radio station animates from a small entry on a list to a large full screen entry and vice versa. If you would like to see how I created this prototype, please watch this video tutorial here: http://docs.proto.io/videos/pandora-tutorial-part-1/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Avatar fly-in subtle animation

3,251
1
17
This prototype shows a subtle animation of avatars flying in, and subtle background tint changes. See how it was created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ >starting at time: 28:40 Enjoy...

Todd Siegel

Next