- B-Reel Team
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.
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.
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.