SOS-Kinderdorf Spenden-App

1,485
0
Die Spendenapp wurde für die Generierung einer neuen Spenderzielgruppe entwickelt. Der Grundgedanke hierbei war es, den Nutzer durch eine, für ihn nützliche Application zum Spenden zu bringen und dabei andere zum Mitmachen aufzufordern. Der Slogan hier ist „ Spenden schenken“. "Spenden schenken" Es geht um die Planung von verschiedenen Events, z.B. einer Geburtstagsfeier, zu der mehrere Gäste eingeladen werden sollen. Solche Einladungen laufen meist über verschiedene Medien und werden mitunter dadurch aufwendig bzw. unübersichtlich. Mithilfe der Spendenapp hat der Nutzer die Möglichkeit über sein Smartphone die Veranstaltung zu Planen. Dabei werden schrittweise die verschiednen Informationen, wie Veranstaltungsort, Datum und Zeit usw. zusammengefasst. Der Gastgeber stellt ein bestimmtes Spendenziel, oder eine Wunschliste, was gespendet werden soll, zusammen und lädt die Gäste zum Miterreichen des Ziels ein. Die Einladungen mit allen Informationen werden den Gästen als Mail, oder auch als Nachricht auf Facebook o.ä. gesendet. Der Gastgeber hat auch nach dem versenden der Einladungen ständig Überblick über versendete Anfragen und das Erreichen seines Spendenziels.

a81f3938-504c-11ed 9221-0e76797a4f7b

iOS Spotlight

25,726
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Swarm Check-in

18,334
0
177
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

GoodReads

5,771
2
166
This is the redesign of GoodReads app for Android. Hope you guys love it, and I would love to know your views about it!

fda4c75e-504c-11ed 9221-0e76797a4f7b

multiple slider test

1,870
2
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.

b5c076e7-504c-11ed 9221-0e76797a4f7b

Shopping

1,718
3
41
Basic layout for a material design shopping app with easy to access categories, and "shopping cards."

72c8739b-504d-11ed 9221-0e76797a4f7b

Pro Tips & Tricks

4,482
0
39
Here is the set of prototypes from the Pro Tips and Tricks webinar: 1) Propagate Events to Items Below 2) Containers as Symbols 3) Conditional Animation 4) Screen Interaction 5) Sketches into Prototype Here is the video of the webinar: http://docs.proto.io/videos/pro-tips-tricks/ The video is broken down with time-codes on Vimeo here: https://vimeo.com/103316955 (under read more) They are also below. Enjoy... > Create popover menu with click through to icon below 4:08 > Propagate all events to the item below 4:08 > Using containers as symbols for efficiency (navigation assets etc.) 11:59 > Customizing a navbar component 14:55 > Customize a tabbar component 16:48 > Convert navbar to a container to repeat (as symbol) 19:10 > Convert tabbar to a container to repeat (as symbol) 19:43 > Convert text box to a container to repeat (as symbol) 19:49 > Using a container to create change font style for repeated Titles and labels. 21:55 > Conditional animations triggered by drag gesture using variables (mailbox swipe). 23:04 > Adding containers to canvas 24:44 > Using the draggable gesture 25:25 > Variable Manager 26:00 > Using onDrag variable to change an objects opacity 26:38 > Range of property values that can be changed based on a drag gesture 27:45 > Capturing the X position from dragging an object using a variable 27:57 > Creating a new value if/then argument using shorthand javascript to change opacity using a variable. 29:00 > Creating a callback to the change a property that reads from a variable. 29:52 > Using the onDragEnd gesture 30:33 > Change the Left property using a variable triggered by onDragEnd 30:49 > See range of properties that can be changed from onDragEnd gesture. 31:04 > Using On Screen Show Interaction for creating an automatically cycling carousel. 35:25 > Importing paper sketches (photos of them) to use as background for layering assets and interactions. 40:28 > Toggling between a sketch and your higher fidelity mockup using states. 44:25 > Duplicating interactions between states 45:18

Todd Siegel

Net Magazine Prototype - Juxtacaption

2,874
1
12
This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen

Todd Siegel

Next