Storyboard Animatic - Low Fidelity

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

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

The Virtual Fashion Assistant

3,979
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,232
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

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

Demo: Web parallax

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

color picker

2,084
0
25
Done to explore setting colors with sliders and some Math expressions. Additional features, should anyone wish to build, would be to convert to HSV space, and to produce Hex color codes as well. To use colors, in the color controls of an element, replace the #XXXXXX hex code with this: rgb(255,125,45). Two swatches are provided, since color combinations are more interesting than single colors. Swatches are draggable.

03ec0da9-504d-11ed 9221-0e76797a4f7b

Jazz Music Player

4,930
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Next