Tap to animate

4,508
0
68
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see the following interactions: Tap to rotate Tap to zoom in/out Tap and hold to transform.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Pandora Driving Mode

2,440
0
5
This is a UX design prototype for Pandora's Android app (from October 2014), adding a "Driving Mode" and lateral navigation between stations from the Now Playing screen. I took a challenge to redesign Pandora's Android app or add features at my discretion. Focusing on the Now Playing screen where users probably spend most of their time, I identified two areas in which I wanted to improve its UX: station identification and navigation, and its user experience while on the go. A 7 minute 25 second presentation of this demo with commentary is available on YouTube: http://youtu.be/LyH6Gl580OY A full write-up of an earlier, pre-Proto.io iteration of the design (along with a downloadable pdf) is available at http://edwinli.com/ux/portfolio/pandora-driving-mode/.

Edwin Li

Storyboard Animatic - Low Fidelity

3,551
0
5
Animated storyboard using low fidelity assets created in Proto.io, and icons found within the Proto.io library and Noun Project. The "On Screen Show" screen interaction is used to animate the content through a sequence of callbacks. See how this was made step-by-step in this webinar video on Low Fidelity prototyping: http://docs.proto.io/videos/low-fidelity-prototyping-with-proto-io/ TAGS: storyboard low fidelity auto-play

Todd Siegel

Jobronimo MVP

1,669
0
5
A minimum viable product (MVP) prototype of Jobronimo. Jobronimo is a job-finding app that connects teenagers seeking jobs with people near by who need jobs or chores performed. Find the REAL Jobronimo MVP version here: https://spaces.proto.io/realjobronimomvp Explore and enjoy!

fe432047-504d-11ed 9221-0e76797a4f7b

Submarine Animation

8,375
1
28
A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Akis Ioannou

Delicious

4,016
0
I used the Sketch "Delicious" free UI Kit for a food recipes app. It includes 11 pixel-perfect screens. I just added Proto.io interactions and created a great prototype! This Delicious UI Kit was designed by Robert Anitei Sketch source: https://www.sketchappsources.com/free-source/1765-delicious-ui-kit-sketch-freebie-resource.html

34041018-d2c9-11ed 9221-0e76797a4f7b

Header change on Scroll

2,859
0
77
Change of the header according to scroll position of content.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Expenses Report

4,242
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

3,892
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

Next