The Ocean Foundation

Web Design & Development

As the only community foundation for the ocean, The Ocean Foundation (TOF) is dedicated to reversing the trend of destruction of ocean environments around the world. After working with our friends at TOF for a number of years on various projects, we took on the task of restructuring and redesigning their main website.

The Ocean FoundationThe Ocean FoundationThe Ocean Foundation

The new Ocean Foundation site brings a revised taxonomy and a clean and elegant interface for a greatly enhanced user experience. We worked closely with the TOF team to make the wealth of information that they offer easier to access and more relevant for the end user.

One unique aspect of this site creation process was transitioning TOF from an older Drupal setup to a modern, user-friendly website management experience, on WordPress. This transformed what they were able to do in the backend and made the process of adding articles or updating content and imagery much more efficient, decreasing the management workload for their internal team.

The Ocean Foundation
The Ocean Foundation

The new site is full of unique touches – from a series of infographics, to a custom icon set, to an ocean inspired design theme with curved graphical elements and subtle animations throughout. These all assist in telling the story of the Ocean Foundation in a way that is visually compelling.

Like all sites openbox9 creates, this site is fully responsive and mobile friendly, so users can experience the site optimized for their device or platform.

The Ocean Foundation

SeaGrass Grow

In addition to redesigning TOF’s main website, we concurrently updated one of their sub brand sites, SeaGrass Grow. SeaGrass Grow is the first and only blue carbon calculator – planting and protecting coastal wetlands to fight climate change.

At the core of SeaGrass Grow is a custom-build calculator, which assesses an array of user inputs like location and transportation type, and uses an algorithm to generate the amount of Seagrass needed to offset a user’s carbon footprint.

The Ocean Foundation - SeaGrass GrowThe Ocean Foundation - SeaGrass Grow


The Ocean Foundation’s CURRENTS is an innovative ocean conservation advocacy program with a positive focus on what people love about the ocean and a voice for what they want to protect. openbox9 created an engaging UX strategy and a lively design.

Advocacy campaign website designDetails of website elements

Openbox9 created a design system for the client to create new social media messages hourly if needed.

gif animation sample