UBER

14,646
9
I created a prototype of the UBER app for Android in order to demonstrate what is possible using Proto.io. This project was a massive undertaking as my goal was to simulate the user experience of what it would be like to order 4 different UBER cars in San Francisco. I plan on doing a full "behind the scenes" article on my website about the challenges I faced along the way simulating the UBER app in Proto.io. Special thanks to the awesome team at Proto.io for all of their tireless assistance along the way! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

signup/login

590
0
2
Redesigned from: https://www.sketchappsources.com/free-source/4752-streaming-app-sketch-freebie-resource.html animation using state transitions vertical scroll show/hide interactions

Annie Simpson

Copy of Jobbieeee

427
0
Hi guys, I'm desperate for help. My wireframe is done and everything is programmed in proto but screen map isnt working and I dont know what I'm doing wrong. Please can anyone help me look at this? Thanks so much, Luke

3d73c5fb-504e-11ed 9221-0e76797a4f7b

Vector Animation Splash

3,719
4
81
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Emoji Toggle Component

1,126
0
8
Mouse over and out to toggle between the active and inactive state. Click to select the active state, click again to deselect. Showcases the power of containers in Proto.io. Each emoji is converted into a container (through the right-click menu). The individual emoji containers have two states: selected and deselected. The parent container contains all the emoji containers. This parent container has 6 states: non-selected, and the active state for each emoji (5). The click/tap trigger changes the both the individual emoji state, and respective parent container state to the active emoji. Easily change the emojis to any other one you choose while maintaining all the interactions. Make sure to click into each individual emoji container and double-click the current emoji and replace the image with the new one from the asset library. Replacing the image by double-clicking the existing one preserves the grayscale in the deselected state. Enjoy!

Todd Siegel

Weather App Demo

3,932
0
17
Weather demo for 2 cities. Slide left/right to switch city

Akis Ioannou

Landing Page

1,750
0
34
Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

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

Set up a calendar event

2,158
0
26
Setting up a calendar event using Proto.io Templates and Variables

17056140-504e-11ed 9221-0e76797a4f7b

Smoothies to Door

2,932
0
29
A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Akis Ioannou

Next