iPAD Interactive learning tool

Purpose:

To create an interactive learning or memory tool, meant for iPad use, using HTML, CSS, jQuery, and JavaScript.

Strategy:

I combined animation functions with CSS with toggle script options with jQuery. All assets were created by Photoshop with matte-layers, photo-filters, brushes, and more. Coding completely created by me, with Brackets and Google Chrome Inspector, utilizing a few plug-ins for action.

Product:

Tea and health are both personal passions, so I decided to educate users about both, using a very intuitive “click to pour” button system. My mood boards pushed me towards a neutral and natural direction. View my mood boards, as well as other information, here on my tumblr page.

Click HERE to play the game.

(https://ckelsey2.github.io/project2/index.html)

Above is a screen recording of how the interactions function, on desktop.