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.

nji-web-casestudy-wwfspillover-interiorbody-1600x900-v02

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.

nji-web-casestudy-wwfspillover-product-900x900-v02

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

nji-web-casestudy-wwfspillover-flexgallery-940x407-3

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.

nji-web-casestudy-wwfspillover-flexgallery-940x407-6

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.

nji-web-casestudy-wwfspillover-flexgallery-940x407-7.1

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.




    We use cookies on this site to enhance your user experience. By clicking accept you agree to our privacy policy.