Shopping Cart

4,475
4
103
A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

34041018-d2c9-11ed 9221-0e76797a4f7b

Netflix Redesign

1,330
0
3
A Netflix Redesign using Sketch Source: https://www.sketchappsources.com/free-source/2794-netflix-desktop-app-sketch-freebie-resource.html

64065c8b-504d-11ed 9221-0e76797a4f7b

Key Generator

1,221
0
4
Simulation of a Key Generator as seen when redeeming keys for various licenses.

64065c8b-504d-11ed 9221-0e76797a4f7b

Search Field Animations

2,761
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

Football Team Formations

1,932
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,058
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

Messages Project - Chat

2,948
0
140
A project with 3 types of chat messages examples (chatbot) 1. Preset Messages appear automatically 2. Preset Messages appear when you select Enter 3. Typed Messages appear after typed

469c1b7e-504e-11ed 9221-0e76797a4f7b

Realign

1,261
0
13
Using simple 'Animate Item' and 'Show/Hide' interactions to have the boxes disappear and realign accordingly. Can be used as a base on how you can build notifications or lists to realign themselves.

1866935c-504d-11ed 9221-0e76797a4f7b

COUNTER

2,815
3
164
3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Next