FOLIO app starter project

3,726
0
31
This project provides you with templates and UI elements to get started with building your own prototype of a FOLIO app.

Filip Jakobsen

Clubbing and Nightlife

7,015
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

Lamp

1,455
0
9
Curved Slider controlling lamp brightness. Designs taken from: https://www.sketchappsources.com/free-source/3592-smart-lamp-view-sketch-freebie-resource.html

e88622aa-504c-11ed 9221-0e76797a4f7b

Landing Page

2,719
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

Form validation

3,015
0
90
Form validation using variables and states

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

Google TV Home Banner

3,358
0
6
Interactive banner with video of Google TV's home page. Must click to enable key presses used on a TV focus interaction model. The menu can be navigated but is only actionable for "For You" on the home page. Switching focus to the banner will enable additional UI and pausing on left/right interactions will allow for video playback with sound. No interactions below the banner are actionable.

Nino Silva

TV App Basic Content Navigation

2,070
0
2
This prototype demonstrates basic content navigation for a TV app moving focus model. TV Apps differ from web and mobile in that interactions are triggered by remote control button presses which can be mapped to key board presses with proto io. With a TV focus model every component will have a collection of "On" and "Off" states both between the components themselves i.e: the menu and items within those components i.e: a menu item such as "Movies". These interactions models must work in a way in which as one component is on, all others must be off and so on. This example will show basic interactions and how to navigate pages commonly used my modern TV apps for devices such as Apple TV, Roku, Google TV, Smart TV's etc. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Templates - Florist website - Medium fidelity

2,729
0
7
A simple medium-fidelity e-commerce website prototype built using Proto.io’s ready-made templates.

Akis Ioannou

One page website example

1,684
0
4
One Page Website example created with Proto.io

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Next