This prototype shows a subtle animation of avatars flying in, and subtle background tint changes. See how it was created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ >starting at time: 28:40 Enjoy...

My own version of the Pandora Taylor Swift example provided by Proto.io's video tutorial.

This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Apple’s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

An example of a sticky scrolling sidebar (website)

A score based filter system that I hacked using variables. Each of the 10 cities is assigned a score for avg temperature, Taxes, and Cost of living, and when the sliders correspond to those values cumulatively, those cities show up on the map.

3 prototypes showing different uses of the form components for iOS 1) Activate / de-activate button when checking / un-checking Terms of Service 2) Capture text input to change property 3) Change number of tickets - limit 8 See how they were created step-by-step in the Using Forms webinar video: https://vimeo.com/118919393 This version on Vimeo includes time-codes so you can jump to particular sub-sections (repeated below as a preview): > Range of iOS form input controls 2:02 > Labels 2:17 > Text fields 2:32 > Setting placeholder text 3:04 > 5 Input Types that display the appropriate iOS keyboard (Text, Numeric, Email, Password, Telephone) 3:30 > Using the Telephone keyboard for credit card number input (large # keys) 4:08 > Need to view prototype on device in order to see the range of keyboards 5:59 > Multi-line text area input field 6:24 > Search Bar 6:40 > Checkbox control customization 7:22 > On/Off Switch control customization 7:52 > Slider control customization 9:27 > Increasing size of slider handle 9:47 > Picker Wheel Customization 10:00 > Prototype example: Activate button when checking terms of service 10:42 > Create a button with two states (using convert to container) 12:55 > Adding interactions to a checkbox control (on change activation/deactivation) 14:45 > Definition of variable and range of uses 17:04 > Using variables with text field interactions 18:25 > Prototype Example: Using a variable to capture text input and show it in a different text box using change property. 23:27 > Prototype: Use variables to increment and decrement counter showing number of tickets being purchased. 28:40 > Searching full range of icons built into Proto.io 29:10 > Using a variable to limit the range of tickets (0 to 8) 32:46 > Copying and pasting interactions with Variables 40:08

This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Our product from the latest Startup Weekend in HEC Montreal - Shared Economy (March 2016) This is your AirBnB for roommates. As most similar platforms focus on linking people to spaces, we focused our design in linking people to spaces and lifestyle. For each result shown, you will be able to quickly identify the % you match based on 10 carefully selected lifestyle criteria. As an added feature, you can identify the % match for each person living in the space. Moreover, we provided an opportunity to people with spaces to take the initiative in connecting to potential seekers. Closing the loop on the shared economy ecosystem.