End quiz -> back to dashboard

Template for Next Level UI Prototyping & Animation, June 2024

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.

An animation of our Solar System

Sliding navigation of Tab Menu

Weather demo for 2 cities. Slide left/right to switch city

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.