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 one-screen prototype demonstrates some of Proto.io animation functionality.

An example of a sticky scrolling sidebar (website)

An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

For my User Experience & Visual Design class we had to redesign the entire website for a bookstore called Laie that is based in Barcelona. This is my app / mobile proposal. It's my first time using proto.io! Feedback is more than welcomed! I'm a 3r year Graphic Design student from Barcelona. cristinanitrons@hotmail.com

A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

Different perspective this time by having the smart app next to the IOT device. Prizax st is a smart socket system that offers multiple benefits compared to the non-smart sockets. Constant consumption monitoring, enable/disable sockets directly through the app, event management and much more. Contains screen, state transitions, bodymovin/lottie animations. Feel free to import!

First Project, just for fun..

An endangered species is a type of organism that is threatened by extinction. Species become endangered for two main reasons: loss of habitat and loss of genetic variation.