top of page

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:

  1. Research prior designs by WWF

  2. 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

earth hour html
Screenshot 2021-01-04 162625.png

View more

bottom of page