To Do

3,822
0
59
Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

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

On-boarding carousel

6,518
2
248
An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

a03851e9-504c-11ed 9221-0e76797a4f7b

Rearrange Home Screen Apps

1,285
0
4
Drag and drop the blue "app icon" to rearrange the order of the apps on the Home Screen

17056140-504e-11ed 9221-0e76797a4f7b

Vertical scrolling feed with 2 expandable areas

7,092
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

Barcelona Attractions

2,317
0
Parallax Effect

Merry Mustard

Weather App Demo

4,096
0
17
Weather demo for 2 cities. Slide left/right to switch city

Akis Ioannou

Apple Watch using native UI library

32,660
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Tumblr

5,711
0
108
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Pandora

3,920
0
43
This prototype is a simulation of one part of the Pandora iPhone app. I have chosen to simulate the part of the app where the user selects a Pandora radio station and then proceeds to select that station. What I have demonstrated is how how the radio station animates from a small entry on a list to a large full screen entry and vice versa. If you would like to see how I created this prototype, please watch this video tutorial here: http://docs.proto.io/videos/pandora-tutorial-part-1/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Choose your avatar

878
0
0
variables, scrollable containers, container states Avatar style design Credits: https://www.sketchappsources.com/free-source/4458-memoji-icons-sketch-freebie-resource.html

Annie Simpson

Next