Message notification

2,034
0
25
Popup message on iPhone simulation Message appears in 2 seconds after screen loads / swipe left to dismiss / tap message app to run again

17056140-504e-11ed 9221-0e76797a4f7b

Shopping cart calculations

3,632
1
30
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Tinder UI

22,149
6
1,214

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

Spoon Dating App

3,905
2
53
Spoon is a dating app concept aiming to make online dating more efficient, and fair. The concept has the following main characteristics: 1) Gender equality ⁠— the app decides who makes the first move; 2) Time efficiency — no need to put in hours of work to meet somebody; 3) Incremental steps towards a clear goal — no limbo states, no endless/goalless swiping; 4) Fairness, respect, and accountability for its users — choosing someone means you commit resources to that person, no second thoughts allowed; 5) Match exclusivity — chat with only one person at a time; no competing for one’s attention; 6) Fast and fluid interactions — chat while both users are online and active, no offline messages. I hope you like it.

a1a5e14a-504c-11ed 9221-0e76797a4f7b

Google Inbox - compose animation

10,799
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

Test

1,002
0
5

Header change on Scroll

2,491
0
77
Change of the header according to scroll position of content.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Nokia - Snake Game

1,408
0
Snake animation on Nokia. NOKIA 3310 Mockup from: https://www.sketchappsources.com/free-source/3267-nokia-3310-mockup-vector-sketch-freebie-resource.html

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Light Switch

1,644
0
10
Using variables to change the opacity of items Design Downloaded from: https://www.sketchappsources.com/free-source/2567-chandelier-lighting-illustration-sketch-freebie-resource.html

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Next