Start-Corals

2020 — School Project
Saving Corals

An educational website to spread awareness for global coral bleaching

Homescreen

saving corals

description

Inspired by my own experience as a diver, seeing the devastating effects of coral bleaching, as well as Exposure Lab's documentary "Chasing Coral", I wanted to create a website to spread awareness about global coral bleaching events, increasing in frequency and severity due to climate change. The site should inform on what corals are, explain the severity and reasons for bleaching as well as its consequences  and lay out steps on what to do against it.

After several video editing heavy projects, I decided to create a more fun tool to mix sound-effects than the usual drag, drop, push and pull actions in Premiere. Bruit Brut allows you to create your own sound effect compositions by pressing your keyboard keys. You can also create your own fully customised board, changing sounds and key bindings in the downloadable code.

Screenshot 2020-01-04 at 22.58.07
Screenshot 2020-01-04 at 22.11.55
Screenshot 2020-01-04 at 22.55.29

design

The website should be visually appealing and interesting, drawing the viewer into the world of corals. The strong visual white on black design draws attention to the corals and their (lack of) bright colors. Typography was chosen in line with recent trends in design, making the topic appeal to a broader audience. It furthermore implements mixed media, from images to videos and 360 degree streetview panoramas to keep the viewer's attention.

Screenshot 2020-01-04 at 23.03.17
Screenshot 2020-01-04 at 23.03.17

technical

To allow other authors to contribute and create content, I decided to make a wordpress-based website, creating an indidual theme for it, using html, php, scss and js. My biggest challenges were to make the menu overlay from a menu that could be edited in the CMS, and to generate the covers from the site title and featured image, with one arrow being hidden on the first and last site.

Screenshot_20200106-150547
Screenshot_20200106-153639
Screenshot_20200106-153658

role

Web Design
Web Development
Research
Content Creation

credits

Photographs by the Ocean Agency

Interested in collaborating?

© Jonathan Riese 2021

© Jonathan Riese 2021