This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

A simple implementation of Pull to Refresh

An animation of our Solar System

Sliding menu with animation on screen

Sliding navigation of Tab Menu

Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

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.

This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Super simple - Showing how to display from a form

Ontwerp Soraya en Marielle