Net Magazine Prototype - Juxtacaption

2,978
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

Hide Navigation Bar On Scroll

5,456
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Storyboard Animatic - Low Fidelity

3,292
0
5
Animated storyboard using low fidelity assets created in Proto.io, and icons found within the Proto.io library and Noun Project. The "On Screen Show" screen interaction is used to animate the content through a sequence of callbacks. See how this was made step-by-step in this webinar video on Low Fidelity prototyping: http://docs.proto.io/videos/low-fidelity-prototyping-with-proto-io/ TAGS: storyboard low fidelity auto-play

Todd Siegel

Common onboarding pattern

3,161
0
63
This prototype shows a common onboarding pattern with a series of 3 panels, each with a different background media (photo, looping video, and a GIF). TAGS: onboarding sync page controller looping video GIF

Todd Siegel

IMDb Redesign

9,691
2
300
Hey guys! I'm back with an amazing prototype for you guys. This has been my longest and quite a challenging redesign project for IMDb whose prototype is pretty awesome and contains lots of stuff like Nested Containers, a bit of animation, some really beautiful visual elements and interactivity for you to explore! I had so much fun making it with Proto.io and I truly hope you guys love it and would love to know your views and suggestions on how can I improve it :) Cheers! Aman

fda4c75e-504c-11ed 9221-0e76797a4f7b

The Virtual Fashion Assistant

4,213
3
The Virtual Fashion Assistant is an interactive screen designed to sit in the change room of a clothing store and help customers try variations or accessories to complete the look without leaving the change room – a store assistant brings you the items. The goal is the customer tries and buys more clothes. The interface has been designed to be display a 55 inch touch screen display.

559d0d71-f493-11ed 9221-0e76797a4f7b

Parallax - Yahoo Weather

3,620
0
35
Re-creation of the horizontal swipe parallax effect in Yahoo Weather. See how it was created step-by-step in this webinar: https://support.proto.io/hc/en-us/articles/223073307-Prototyping-parallax-effects TAGS: parallax variables variable

Todd Siegel

Slide in menu

6,244
1
301
A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

On-boarding carousel

6,645
2
248
An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

a03851e9-504c-11ed 9221-0e76797a4f7b

Next