Maria Brown Interactive Resume

2,050
0
Explore my resume with this interactive interface.

0685c558-a596-11ef a04a-0e3ec7c5f8cf

ToFind

5,011
1
139
A Proto.io recreation of the transitions used in Leo Leung’s design: ToFind https://dribbble.com/search?q=Leo+Leung

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Calendar concept

10,041
2
626
A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

Alexis Piperides

IFTTT

16,710
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

Form examples

8,264
0
165
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

Todd Siegel

ELAGANCE with updated menu transition

6,320
3
Hey guys, I have updated the menu interaction in this version. Hope, you'll like this updated version more.. For those who are viewing this for the first time, it's a prototype of an ecommerce app. If you're looking for a proto.io engineer, feel free to hire me over upwork. Following is the link to my upwork profile : https://www.upwork.com/o/profiles/users/_~01d24fbe3d33d437b2/

00812837-504d-11ed 9221-0e76797a4f7b

UBER Onboarding

4,561
1
86
This is an onboarding tool I created for UBER drivers. An UBER driver's first ride can be a little nerve wracking (I know from personal experience). This tool walks the driver through a typical flow to prepare them for their first ride. It is more interactive than a video and will give them more confidence before hitting the road.

4e0539bb-a6d0-11ed 9221-0e76797a4f7b

Google Inbox - compose animation

11,440
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Spotify

23,699
6
630
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Next