onboarding of Service App

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

Sticky Scrolling Sidebar Example

5,837
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

Twitter Intro Animation

3,497
1
49
This prototype show how to re-create the intro animation of the Twitter iOS app where the bird flings out and the feed flings in. See how it was re-created step-by-step in this webinar video: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ Assets also available to use.

Todd Siegel

Net Magazine Prototype - Juxtacaption

3,221
1
12
This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen

Todd Siegel

Demo: Web parallax

6,980
3
113
Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Hoopz

2,759
0
28
Basketball game project using Variables to determine if ball lands or misses the hoop. Tracks your score, shots landed, shots missed and shot percentage. You can also select your ball from the settings.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Game Title Screen

2,109
0
12
Game Title Screen Project. Using a minimal design with overlay transitions, mouse hover effects and states.

72038296-9b82-11f0 ad7f-0e3ec7c5f8cf

Next