World Wildlife Fund:

Interactive Pandemic Prevention Experience

The One-World Approach

Dramatic Data Visualizations Educate and Activate Global Audiences

The World Wildlife Fund (WWF) is the world’s leading wildlife and endangered species conservation organization. In early 2021, WWF engaged NJI to develop interactive website content that uses scientific data to create a sense of urgency to address long-standing conservation challenges that may help prevent future pandemics. Zoonotic diseases—such as COVID-19—that emerge in wild animals and cross over to humans are increasingly common and often preventable.

Animated venn diagram combining animals and humans

THE BRIEF

We began our process with a thorough review of scientific materials on zoonotic disease spillover to clearly understand the scope of available data and content. We then proceeded along three individual tracks: audience planning, narrative development, and design treatment. Our overarching goal was to compose a visual narrative that would resonate with global audiences.

Animated ecosystem in black and white, featuring various wildlife in an opaque white outline

Our Approach

Design a thoughtful and captivating story funnel to inspire change

Engage with captivating visuals and narrative

Educate with immersive, interactive experiences

Activate users with specific, story-related asks

An animated graphic of a globe heat map indicating spillover events in the last 20-30 years featured on a tablet screen

OUR PROCESS

Establishing clear audience goals enabled us to take a purposeful approach to channel strategy, content development, and user experience design. We anchored the user experience with a visually impactful style combining aesthetic elements of the disparate materials that WWF had produced globally, and we developed individual scenes to highlight specific elements of the narrative and associated goals.

An animated graphic of two circles, one encompassing humans and animals in cages and the other morphing into a cell with two cars, a motorcycle, and two airplanes on the inside

To bring the story to life and facilitate a smooth progression through the narrative, we built the dynamic webpage with innovative JavaScript featuring WebGL, which supports interactive 2D and 3D graphics without plugins, and custom SVG animation. Smooth in-page transitions turn images and scroll scenes seamlessly into streams, focusing viewers’ attention on one feature at a time, minimizing distractions, and maximizing impact.

A screenshot of World Wildlife Fund

RESULTS

The immersive digital experience is visually enthralling, packed with data, and organized around central themes for global audiences. Alluring animations capture the imaginations of viewers and inspire them to explore and engage with the content. WWF can now deploy an interactive approach to storytelling around the world to encourage conservation efforts.

At a glance:

drag
69,000+
views on social media
7
scenes
20+
scroll-based animations
>60
scroll trigger effects
1
WebGL globe
>5,000
lines of code

fortune favors

the bold

We collaborate with tenacious organizations and ambitious people.

    To help personalize content, tailor and measure ads, and provide a safer experience, we use cookies. By clicking or navigating the site, you agree to allow our collection of information on and off NJI through cookies. Learn more, including about available controls: privacy policy.