[324-Template - 2024] Bitesize UX - Flower Shop Checkout

1,266
0
121
Duplicate this file as a starter pack to our UI Animation Workshop

Joe Formica

Hulu TV App Home Screen

5,814
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. 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

Smoothies to Door

5,066
0
30
A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Akis Ioannou

Expenses Report

4,962
0
38
The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

17056140-504e-11ed 9221-0e76797a4f7b

Porsche

4,776
0
4
Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations

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

IFTTT

17,137
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Map Routes

3,607
0
93
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

186c533a-504d-11ed 9221-0e76797a4f7b

Pop up examples

3,546
0
22
2 types of modals / popup examples

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

Barcelona Attractions

3,264
0
Parallax Effect

Merry Mustard

Next