Travel App

2,459
0
27
A Picker selection navigates you to the screen selected. The project uses Variables and States and depending on the picker selection I change a button state to navigate you to the right screen.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

COUNTER

3,204
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

Final Fantasy 7

2,241
1
1
A recreation of the classic JRPG Final Fantasy 7 game start screen. Use the Up/Down keys on the keyboard to navigate the options. Hit the 'Enter' key when 'New Game' option is selected to play the intro cutscene from the original game. I do not own the rights to any Final Fantasy franchise, game, media or art. All right reserve to Square Soft/Square Enix. (http://www.square-enix.com/) This is a tribute to their franchise.

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

Settings

4,026
5
92
A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.

Alexis Piperides

Silent Shaves (Intro)

4,751
1
250
Concept intro of a mobile app. Loading screen and logo animating to the home screen of the app. Content appears in a subtle animation.

Alexis Piperides

Google Inbox - compose animation

11,396
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Olympic Rings

2,865
0
11
An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

Alexis Piperides

Reproducing instagram info bars behaviour

6,152
9
291
A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Akis Ioannou

Next