Search Field Animations

3,163
0
51
Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Todd Siegel

MyLets2

1,396
0
3
It's an app designed to give Landlords of residential properties the tools they need to let and manage their own properties without the need for an agent. I'm struggling a bit with the UX and creating a professional looking design. Any advice would be appreciated! (It's unfinished by the way)

d0724766-b31d-11f0 a15b-12401da09a39

Football Team Formations

2,563
0
I'm going to give you an explanation of the best modern football formations. A football formation is a number set that describes the positions of players on the field. It determines how many players play on defense, the midfield, and the frontline. The first number always describes the defender, and so on. For example, a formation like 4-3-3 plays with four defenders, three midfielders, and three forwards. The goalkeeper is never mentioned in a football formation. Most formations are described in three numbers but four- and five-rank formations are also possible. This is created in Proto.io using States and States Animations.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

VIBES (Music App in its newest version)

1,362
0
2
New version to listen to your favourite music. I build this prototype for my (Designing for usability) module at university. It allows you to experience the joy of music in a different, flexible, and adaptable way. This is the first version of Mid-High Fidelity stage of prototyping. Feel free to comment on it, and suggest anything you feel it needs to be added. Thank you.

f8d0584f-504c-11ed 9221-0e76797a4f7b

iOS App

1,170
1
Hi, friends! My first project - iOS App. Looking for any feedback (the stricter, the better I guess). Please, let me know what you like / what you don't like. Thank you. Egor

c7a7744d-8eef-11f0 ad7f-0e3ec7c5f8cf

Spaceship

1,587
0
9
A simple spaceship animation using 'Animate Item' & states. Design Source: https://www.sketchappsources.com/free-source/3673-rocket-illustration-sketch-freebie-resource.html

186c533a-504d-11ed 9221-0e76797a4f7b

Interactive Line Graph - The easy way

1,939
0
14
This is a simple way to create an interactive line graph. There is another way to create it which involves Draggable Elements instead but that requires a much more complex setup. Go ahead and import the project in your account! By seeing the interactions you will realise how easy it is to recreate. p.s not the smoothest animation but feel free to improve it

bbac9ce3-504c-11ed 9221-0e76797a4f7b

NBA All Star Game 2019 Starters

1,670
0
2
A smooth prototype displaying the NBA All Star Game 2019 Starters. Includes state transitions, screen transitions, lottie/bodymovin animations. All images are courtesy of NBA http://www.nba.com Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Next