Expand/Collapse Menu

7,725
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Map Data Visualization with Slider using Variables

4,718
1
127
Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Todd Siegel

Low-Fidelity prototype - EasyBudget App

1,666
0
5
An example of a low-fidelity prototype, showing just enough details to give users an idea of what this app could do. Getting feedback through moderated user testing is best in this initial phase. The app's objective is to help you record your daily expenses, see an outline of your month's finances and compare spending with previous months/periods through charts.

Aimilia Tzanavari

On-boarding carousel

6,915
2
248
An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

a03851e9-504c-11ed 9221-0e76797a4f7b

Sign up - Sign in

6,655
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Beweg dich! (English: Move)

1,108
0
1
The App is about inspiring people through rewards to move their body. With the app you can track your distance (up to 20km / h speed to exclude car trips) and get a point for each kilometer, named M-Coin (= Move Coin). These M-Coins can be redeemed for online vouchers or, more interestingly, in local shops, which stand for healthy and deliberate nutrition, e.g. Subway, Vapiano, Dean&David(in Germany) etc. A typical premium would be e.g. a free coffee to go for 5 M-Coins (= 5 km of movement) or a salad, etc.

35f99c59-52df-11ee bd60-0e76797a4f7b

Animated Navigation Bar

3,861
0
53
This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Recreating Messenger Bubble

2,424
2
17
A Simple recreation of the Messenger bubble using Proto.io stock images. Basic functions such as drag/drop to screen corners, drag to the bottom to delete, swipe down to reveal 'contents hidden' to bring the bubble back to the screen and tap bubble to show conversation.

18689160-504d-11ed 9221-0e76797a4f7b

Next