2 types of modals / popup examples

Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. 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.

A simple medium-fidelity e-commerce website prototype built using Proto.io’s ready-made templates.

One Page Website example created with Proto.io

Flip page animation create using states

An animation of our Solar System

Sliding menu with animation on screen

Sliding navigation of Tab Menu

Weather demo for 2 cities. Slide left/right to switch city

Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)