top of page

Jotted

The brilliant bookmark bar

Jotted is a visual learning tool meant to help students, 
teachers, or normal people learn find a better way to learn.  It uses a node-based structure with research topics associated with a hyperlink. All it takes is a click of a button.  

Jotted is a visual learning tool meant to help students, 
teachers, or normal people learn find a better way to learn.  It uses a node-based structure with research topics associated with a hyperlink. All it takes is a click of a button.  

Jotted is a visual learning tool meant to help students, 
teachers, or normal people learn find a better way to learn.  It uses a node-based structure with research topics associated with a hyperlink. All it takes is a click of a button.  

Jotted is a visual learning tool meant to help students, 
teachers, or normal people learn find a better way to learn.  It uses a node-based structure with research topics associated with a hyperlink. All it takes is a click of a button.  

INSPIRATION

I took inspiration from simple ui and the transparent glass-effect found in mockups. The goal was to intrigue the viewer while maintaining the brand. So to achieve this, I incorporated a dark backgrounds. 

Initial Storyboard

The initial storyboard involved quite a bit of kinetic shapes. The explosion would initiate the logo appearance, then the beginning of the web browser animation. We decided to remove the shapes and keep the moving background in the end. 

FINAl Storyboard

The client wanted more of an "apply style" video so we decided to incorporate more typography into the animation. After a few conversations back and forth the final animation ended up changing quote a bit to get it to where it is now. 

Thank you!

bottom of page