Multilingual site created with the use of Screen States.

Flip page animation create using states

Welcome to Ocean Life Co. official website

This is my submission for a class project to make a prototype of an Interactive platform to learn and preform the SQ3R reading and note taking method. This version is liable to be updated in the future to implement further features if I am able to complete more important parts of the project submission that are not a part of this upload before the deadline Wednesday. A big thank you to the proto.io support hub team for answering my questions I had working with the platform for the first time (shout out to Andria Aristodemou and Akis Loannou). As well as thank you to John Lewis whose project on editing lists inspired my implementation of note taking.

Tinder UI cards

Sliding menu with animation on screen

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

A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

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 is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see panning animations in all directions.