UX Wireframe

Project 1 / UX Wireframe

An experimentation to develop my skills in HTML and CSS. The concept focuses on a wireframe structure to test my ability to transform 2D sketches into a digital and interactive platform.

UX Wireframe

Project 2 / The Deficiency Project - Animation

With this project I sought to further my skills in CSS animation. Using Google fonts and animate.css I was able to create animated typographic compositions pertaining to collected research for my thesis surrounding the theme of Nutrition Facts Labels.

UX Wireframe

Project 3 / Canvas!

With this generative piece I wanted to contrast the physicality of a gallery space with digitally created art set on a canvas. The art uses geometric shapes to mimic pixels on a screen. This idea allows the user to be their own artist and view their work in an environment comparable to other fine artists.

The Deficiency Project

Final Project / The Deficiency Project

One of two visual projects for my thesis, this website focuses on education and awareness about micronutrient deficiencies and the foods people can eat to abate them. Some technical skills I applied were CSS, jQuery and the MixItUp.js javascript library.