Project 1 / 6 Animated UI Components

Only knowing the basics in both HTML and CSS I wanted to delve into both CSS more and start to use JQuery.

I already knew I wanted to create a simple illustration that was easy (and fun) to display different types of animation.

The Ketchup Bottle frustrations we have in everyday life was the perfect way to illustrate my idea, and animations!

Project 2 / Animated text.

Exploring animated text as well as new ways to use the grid system in a web page. I chose an existing webpage that I feel could be improved, MILK, where they have several entities they direct the viewer too on their homepage. I wanted to see by different ways how I can improve this.

Project 3 / DigiMads - data visualization.

Conducting research on this idea of digital nomads, and how in generation alpha (2010 babies) will already be more entrepreneurial and adopt a nomadic work life. I wanted to display the data I gathered in an easy and cohesive way, whilst also learning new techniques, such as high chart it allowed for me to do so.

Final Project / Generation X/Y/Z

Putting together in one coherent website, the findings of each generational history. The information provide is from research found, and presented in a way I felt I learnt throughout this course. Using BOOTSTRAP as my main framework, I altered the template based on the wireframe I created. I attempted at several SVG’s to be included in the HTML/CSS/JQUERY that went into this project, however I had resort to GIF created on photoshop.