onboarding of Service App

5,139
4
137
Re-creation of the onboarding sequence of the app "Service" See how it was done step-by-step in the on-boarding webinar: http://docs.proto.io/videos/creating-great-on-boarding-experiences-with-proto-io/ The app itself: https://itunes.apple.com/us/app/service/id1005945537?mt=8

Todd Siegel

Shopping Cart

4,951
4
105
A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

34041018-d2c9-11ed 9221-0e76797a4f7b

Flipboard Animation

5,771
1
56
The Flipboard animation created using states.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Reproducing instagram info bars behaviour

6,189
9
291
A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Akis Ioannou

GetLost Student Map

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

Akis Ioannou

show animaition (tap&scroll)

3,848
1
36
show animaition (tap&scroll)

a50d0f82-504e-11ed 9221-0e76797a4f7b

Minimal dialpad/numberpad/passcode

1,963
0
67
Number pad designed for easy re-use. I saw some dialpad examples in Spaces, but I felt that they had way too many moving parts (the circles, the numbers, and the hotspots were all separate) and it was impossible to easily reuse because the circles and numbers were assets and changing look and feel retired changing the assets. So I created this as a completely re-useable dialpad and I have included a few color pickers as an example of how to manipulate the properties quickly through variables.

a21fe9c8-e5d9-11ee ab6d-0e76797a4f7b

Around-U

1,975
0
32
Find your crowd of people. Comment on the design, please!

b86f1664-6842-11ef ab6d-0e76797a4f7b

Clubbing and Nightlife

6,771
1
118
This project is inspired by Vasjen Katro’s concept ‘Clubbing & Nightlife’ App ‘2Night’. It showcases how Proto.io can be used to create a beautiful parallax scrolling effect. If you’d like to find out how I achieved this effect feel free to import the project into your own account for reverse engineering. https://dribbble.com/shots/2041810-City-intro-animation

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Next