2024 - Prepped - Prototype Template

342
0
12
Template for Next Level UI Prototyping & Animation, June 2024

Joe Formica

Flip page Animation

422
0
2
Flip page animation create using states

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Ocean Life Co. Official Website

244
0
0
Welcome to Ocean Life Co. official website

Minxy Choo

Tinder UI

21,975
6
1,212

Carnival Shooting Gallery

5,251
14
62
This is a custom tablet prototype of my take on a popular carnival attraction called the shooting gallery. I wanted to show everyone how versatible and powerful the Proto.io tool is and demonstrate that anyone can make video games using Proto.io. This prototype was inspired by various versions of the classic game created for mobile devices released a few years ago. This is meant for educational purposes only. Please click on the heart icon below to show your support and leave comments. I'd be happy to answer any questions you have. Have fun! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

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

Recreating the Google logo using just circles and rectangles!

3,285
2
12
"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

Alexis Odysseos

SpaceTrip Medium-fidelity

3,070
0
10
Proto.io comes with UI libraries for iOS, Android Material Design, Windows and Apple WatchOS so that people can easily drag and drop those elements to bring their ideas to life. Simple interactions can also be applied, primarily screen-linking and basic navigation.

a03851e9-504c-11ed 9221-0e76797a4f7b

SOS-Kinderdorf Spenden-App

1,406
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

Kitty

1,646
0
An app designed to help with stress management through the development of critical thinking skills and creativity

Carly Holtzman

Next