Setting up a calendar event using Proto.io Templates and Variables

Last Updated 15/07/2020 16:41 Changes still left to make: -Make the invite option when starting a work session -Access profiles from the Friend's status list Changes from the previous versions: -Edit profile screen -Upgrade button added -Profile's Projects Tab menu underline is now selected, while before it was the Statistics underline that was thicker

An app designed to help students stay in touch with their academic activities including studies, projects, schedules and day to day tasks.

I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Sliding navigation of Tab Menu

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.

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.