EARTH HOUR
Earth Hour is a not for profit, worldwide event, initiated by the World Wildlife Fund (WWF). The aim is to reduce non-essential electric lights to raise awareness about energy consumption.
Goals:
-
Research prior designs by WWF
-
Create HTML pages keeping to the original tone and design aesthetic of charity organisation
Summary
Tools
HTML, CSS5, JS
Time
3 weeks
My Role
Researcher and Designer
Researching, wireframes in HTML, designing clickable site
Tools
HTML, CSS5, JS
Design Process
The aim of this case study was to create a website using HTML of an existing charity website. However, changes needed to be made whilst keeping to the tone of the original website.
The original website for earth hour did not have a map or lightbox images at the bottom.
One notable alteration that occurred with the design process was with the 'join the movement' box. The initial design (as shown) had a few issues visually.
-
Label for box above and within
-
Lack of padding with text
-
Add your voice button to long

