Random Password Generator

1,395
0
2
Random Password Generator created using variables.

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Settings

3,595
5
92
A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.

Alexis Piperides

2CITY

2,490
0
67
Launch your Event & Party App Today. Find out the coolest things to do in your city. It doesn't matter if you want to go to a hip rooftop party or an avant gard art exhibition, go dance salsa or attend an independent theatre play. With 2CITY you can buy tickets, find out about great new music and of course know in advance about the coolest events happening. With 2CITY Script you can now launch an event app in record time. The product comes with awesome features designed to make your users night experience better. Awesome design Easy & intuitive admin panel Web checkout so can easily integrate any payment gateway Connect with Uber Social Sharing Save Event Push Notifications (Parse) Google Analytics

d3cdb341-504c-11ed 9221-0e76797a4f7b

The Gage

2,121
1
Restaurant app.

Derek Hatfield

Faces flying out of bar chart

2,990
1
13
A data visualization where a bar chart of faces flies out showing the details of individual faces.

Todd Siegel

UBER Onboarding

4,131
1
86
This is an onboarding tool I created for UBER drivers. An UBER driver's first ride can be a little nerve wracking (I know from personal experience). This tool walks the driver through a typical flow to prepare them for their first ride. It is more interactive than a video and will give them more confidence before hitting the road.

4e0539bb-a6d0-11ed 9221-0e76797a4f7b

Pro Tips & Tricks

4,361
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

Storyboard Animatic - Low Fidelity

3,123
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

Sort

1,373
0
14
A project which sorts your players according to the number assigned to them by highest to lowest. You can clear to reset everything back. Created using containers and variables. Can be used to make sure everyone's turn in the game is mapped out correctly.

Barry Allen

Next