Personal Brand through Web Design

Posted Posted in Web

In this simple web development project, my professor tasked me with designing a web page explaining who I am, what I am interested in and what I want to do for a career. There were a few content criteria and the project was to be completed with HMTL and CSS only. This project was a great exercise to dust off CSS Grid and other web dev cobwebs. I also used the opportunity to explore new color palettes and textures. I […]

Data Story: Craft Beer and Skiing

Posted Posted in Visual, Web, Written

In this project for an Interactive Multimedia course, I chose a story that involved data and told it using interactive Javascript plugins to immerse the reader and convey the message. With winter approaching at the time of this assignment, I found myself thinking about skiing, another passion of mine. I was also thinking of beer at the time of this assignment, but that has nothing to do with the time of year. However, it sparked the idea to search for […]

EWS 2018 Interactive

Posted Leave a commentPosted in Web

In this project, I had the opportunity to tell a non-fiction story of my choice with an educational slider. The web app was to be built with vanilla JavaScript as well as jQuery plugins. I used code snippets for the slider, jQuery UI code for the tabs on each slide, and jQuery code for the quiz, customizing the styling of each to meet my visual preferences and functional needs. Explore my web application, EWS Iteractive, and see the GitHub repository […]

PSD to Web Page

Posted Leave a commentPosted in Web

I completed this project for a class called Intermediate Interactive Multimedia. The professor gave us a Photo Shop document (PSD) (shown as a JPG here) and told us to build it exactly the same as a functional web app using only HTML5, CSS3, and a sprite sheet. Pure CSS enabled all the interactive features such as hover effects, check boxes, and drop-down menu. Using CSS Grid and Flex Box, I made the entire app 100% responsive. Go to the web […]

UX Design: Heel Maps

Posted Leave a commentPosted in Web

Click to view a full PDF In a UX Design class, the professor tasked us with identifying a real problem and creating a digital product to solve it. I chose to face the question, “How might I improve on-campus navigation, parking, and information?” This involved observing potential users, researching existing relevant products and trends, creating personas, usability testing, and, finally, designing a prototype. The emphasis in this project was put into the full user research process rather than visual design.