UBER

14,407
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

GetLost Student Map

4,106
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

Expand/Collapse Menu

6,747
2
484
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Sticky Scrolling Sidebar Example

4,867
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

Hoopz

2,243
0
28
Basketball game project using Variables to determine if ball lands or misses the hoop. Tracks your score, shots landed, shots missed and shot percentage. You can also select your ball from the settings.

Constantinos Thoma

Porsche 911 Carrera S

1,868
0
Porsche 911 Carrera S Configurator example

34041018-d2c9-11ed 9221-0e76797a4f7b

auto-complete search

4,172
2
152
Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

Todd Siegel

Bodymovin Animation

2,788
0
26
A project which uses Vector Animations to recreate popular social app interactions.

Constantinos Thoma

Football Team Formations

1,471
0
I'm going to give you an explanation of the best modern football formations. A football formation is a number set that describes the positions of players on the field. It determines how many players play on defense, the midfield, and the frontline. The first number always describes the defender, and so on. For example, a formation like 4-3-3 plays with four defenders, three midfielders, and three forwards. The goalkeeper is never mentioned in a football formation. Most formations are described in three numbers but four- and five-rank formations are also possible. This is created in Proto.io using States and States Animations.

Paul Baker

To Do

3,342
0
59
Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

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

Next