Spotify

23,638
6
630
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

umu - assisting parents in challenging situations.

3,124
1
41
umu assists parents in challenging situations. A crowded day at the beach, a theme park, you name it. A tiny transmitter is carried by the child which's signal is received by the smartphone. When the child is bound to move out of sight or towards a dangerous sight such as water or a busy intersection the parents are alerted. see more at: http://crafting-convenience.com/umu/ Feel free to contact me at: jason@hello-bright.nl

ffe5cdd4-504d-11ed 9221-0e76797a4f7b

NWTG: No Where To Go

1,882
0
"No where To Go: Another Reality" is an app that will let you escape reality and will let you build your own world by using the features that the app have. The user will be able to become the designer, and they can navigate and see other people worlds. This prototype was done for a project in Graphic design major, Virginia Commonwealth University School of the Arts in Qatar.

fc87b032-504c-11ed 9221-0e76797a4f7b

Carousel Onboarding

11,534
9
249
Here's the previous version of Carousel's on boarding sequence

92f2b218-504c-11ed 9221-0e76797a4f7b

Pro Tips & Tricks

4,914
0
39
Here is the set of prototypes from the Pro Tips and Tricks webinar: 1) Propagate Events to Items Below 2) Containers as Symbols 3) Conditional Animation 4) Screen Interaction 5) Sketches into Prototype Here is the video of the webinar: http://docs.proto.io/videos/pro-tips-tricks/ The video is broken down with time-codes on Vimeo here: https://vimeo.com/103316955 (under read more) They are also below. Enjoy... > Create popover menu with click through to icon below 4:08 > Propagate all events to the item below 4:08 > Using containers as symbols for efficiency (navigation assets etc.) 11:59 > Customizing a navbar component 14:55 > Customize a tabbar component 16:48 > Convert navbar to a container to repeat (as symbol) 19:10 > Convert tabbar to a container to repeat (as symbol) 19:43 > Convert text box to a container to repeat (as symbol) 19:49 > Using a container to create change font style for repeated Titles and labels. 21:55 > Conditional animations triggered by drag gesture using variables (mailbox swipe). 23:04 > Adding containers to canvas 24:44 > Using the draggable gesture 25:25 > Variable Manager 26:00 > Using onDrag variable to change an objects opacity 26:38 > Range of property values that can be changed based on a drag gesture 27:45 > Capturing the X position from dragging an object using a variable 27:57 > Creating a new value if/then argument using shorthand javascript to change opacity using a variable. 29:00 > Creating a callback to the change a property that reads from a variable. 29:52 > Using the onDragEnd gesture 30:33 > Change the Left property using a variable triggered by onDragEnd 30:49 > See range of properties that can be changed from onDragEnd gesture. 31:04 > Using On Screen Show Interaction for creating an automatically cycling carousel. 35:25 > Importing paper sketches (photos of them) to use as background for layering assets and interactions. 40:28 > Toggling between a sketch and your higher fidelity mockup using states. 44:25 > Duplicating interactions between states 45:18

Todd Siegel

Clubbing and Nightlife

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

Shopping

1,975
3
41
Basic layout for a material design shopping app with easy to access categories, and "shopping cards."

72c8739b-504d-11ed 9221-0e76797a4f7b

Next