15.0 Interactivity & Design Visualisation

To give my website a unique user experience I will be incorporating JavaScript with the idea of having the landing page look like in the example I have created below in Photoshop.


I will use the jQuery library Ripples in order to make my homepage interactive with a water ripple effect in the background with a plastic bottle floating on top. As the user scrolls down the life cycle of the water bottle begins.

http://sirxemic.github.io/jquery.ripples/

Comments

Post a Comment

Popular posts from this blog

18.0 Conclusion on Reserch

It has come to my attention that despite all current efforts such as Reverse Vending machines, recycling schemes, encouraging house holds to use less plastic and all these other means of fighting this global battle, this is currently a war that we are losing, and as a direct result we are harming both our planet and our selves in the long run. I realised after my first solution failed to materialise with the reverse vending machines that it is not good enough to just encourage users to recycle their plastic bottles to earn money off of their shop, to then go and buy more plastic which would then not be recycled, this wasn't the only issue, locating these machines was the hardest part of my project, having taken time my self to go out an locate these machines, I even got my girlfriend to search around central London, to no prevail. In order to actually provide a solution for the plastic pollution problem, legislation needs to be enforced and a ban on plastics production to be br
Read more

16.0 OpenLitterMap

Image
I took it upon myself to further look into the OpenLitterMap and what it is trying to achieve in order to determine if it would work well on my parallax website from an article on Medium from the author of OpenLitterMap he describes it as; "A Citizen Science Open Data Litter-Mapping Game with a Blockchain Reward that enables anyone, anywhere, to receive recognition for mapping and producing Open Data on plastic pollution. All data goes through a verification process to ensure its validity and upon verification, all data is made easily accessible for anyone to download and reuse for any purpose with the Open Database License, and all data is automatically analyzed by space, time, location and behaviour. And, users can receive a weekly payment in Littercoin (erc-20), which is “mined” by producing Open Data." (Medium, 2018) This is a very inovative use for block chain technology and also has a great purpose in that it is helping map out visually the plastic pollution  problem,
Read more

17.0 Finalised Concept

Concept: My finalised concept will be that of a parallax website which displays the life cycle analysis of a plastic water bottle whilst also visualising open data in a aesthetically pleasing manner and give the user the option to create their own open data, at the end of the life cycle analysis I aim to incorporate the OpenLitterMap which again aids in visualising the scale of the problem world wide and also gives the user an opportunity to help and at the same time and add to this open data bank and be rewarded for their efforts. Target Audience: My target audience will be that of millennial's ages between 11 - 30 
Read more