Our Planet

The platform revolves around three major parts: the library, the Explorable Globe and Voice for the Planet. Combined, they take viewers on a journey that lets them see the world from a completely new perspective, while telling an important story of what we can actually do to make it thrive.

- B-Reel Team

Can you briefly describe your project and the concept behind it?

Ourplanet.com is the result of a long collaboration between B-Reel, WWF, Silverback Films and Netflix, and is the digital platform connected to the ‘Our Planet’ series. The idea was to invite people to dive deep into the seven habitats introduced in the series and learn about the importance of Earth’s habitats. The platform revolves around three major parts: the library, the Explorable Globe and Voice for the Planet. Combined, they take viewers on a journey that lets them see the world from a completely new perspective, while telling an important story of what we can actually do to make it thrive.

What breakthrough or “a-ha” moment did you experience when concepting or executing this project?

One of the first things we realized was the huge amount of content, taken from the series itself along with extra material collected during the main shoots. It was a blessing, but also meant that we had to make some deliberate choices, and it wasn’t made easier by the fact that a lot was in production simultaneously as the platform itself. Working with several partners is always a challenge. In this case, WWF, Netflix and Silverback Films all had crucial roles, so seeing it work so well was a joy. Finally, it was important to be able to tell an intriguing and informative story using a lot of data. To do that, we worked hard to find a clear and appealing way of visualizing that.

What influenced your chosen technical approach, and how did it go beyond past methods?

We had to consider different scenarios before deciding on what technical approach to take. For starters, we had to make it accessible and SEO-friendly in order to reach multiple countries, languages and audiences, while being flexible enough and simple to use for WWF to manage content. It also needed to be cost efficient and minimize server configuration and maintenance. Throughout the project, the client wanted to be able to use some components created for the site in other WWF-related activations, so it was important that we build it in a modular way. In the end, the approach used didn't differ vastly from other B-Reel projects, but it was for sure one of the most ambitious to date.

What web technologies, tools, or resources did you use to develop this?

For the front-end, we used Nuxt.js, a framework that helps create Vue.js apps. We used it to create views and components as well as to manage routing and localization. For the “Explorable Globe” and “Voice of the Planet”, we used Three.js. We followed a JAMStack approach instead of using SSR or SPA in order to maximize SEO and minimize server configuration & maintenance. As the site is statically generated, we could leverage CDN capabilities to handle traffic load and minimize loading times. We created a bespoke CMS for WWF to be able to manage content. To preview changes before publishing, we simply used an SPA version of the site that consumed data generated on the fly by the CMS.

See More Projects

Lyft - America Is An Idea, Not A Geography

Hello Monday and Even/Odd

Lyft - America Is An Idea, Not A Geography

View the Project
Life Lolli - A lollipop designed to save lives

BBDO Duesseldorf GmbH

Life Lolli - A lollipop designed to save lives

View the Project
Mapping Chiense Art, 1972–2012: Selections from the M+ Sigg Collection

HATO

Mapping Chiense Art, 1972–2012: Selections from the M+ Sigg Collection

View the Project
World Press Photo: Connecting the world to the stories that matter

Emakina

World Press Photo: Connecting the world to the stories that matter

View the Project
Load More Projects