Website Design
Link to Service
Website Development
Link to Service
Global Plastics Treaty Dialogues

Creating a purpose-built website for a global plastics treaty convener

1
2
3
2022

About the project

The Global Plastics Treaty Dialogues is a neutral multi-stakeholder initiative launched in 2021 by the Ocean Plastics Leadership Network in partnership with WWF and Greenpeace. It prepares governments, NGOs, and industry for a legally binding global plastics treaty, following the historic UNEA 5.2 resolution of March 2022.

The platform operates at both global and national levels. It brings together stakeholders across government, civil society, academia, the informal waste sector, and industry value chains to ensure every voice is heard in shaping the treaty’s implementation.

Services
Website Design
Website Development

Challenge

The organization was operating across 7 countries, with an ambition to expand to 50. We were expected to create a feature-rich website that would clearly reflect the initiative’s scale, communicate its strategic importance, and establish trust with governments, NGOs, and industry partners.

Our process

From visual direction to a fully tested public launch, our process was shaped to reflect the initiative’s global mandate and communicate more credibly to a policy-savvy B2B audience.

Website design

We built the visual language and page architecture around a careful balance of diplomatic authority and the forward energy needed to mobilize key stakeholders ahead of a treaty deadline.

{{dropdowns-1}}

Web development

Based on the UI/UX design, we developed a content-managed, animation-rich website, featuring a live interactive world map and supporting dynamic elements.

{{dropdowns-2}}

{{slider-1}}

Results

  • Distinctive web presence matching the scale and urgency of the treaty's global mandate
  • Interactive world map, unifying a complex multi-stakeholder narrative and keeping stakeholders focused on the treaty deadline
  • Clear engagement path for governments, NGOs, and value-chain partners, reinforcing GPTD’s position as a trusted neutral convener alongside WWF and Greenpeace
  • Scalable platform foundation, supporting the initiative's continued expansion across new countries and stakeholder groups

Our approach

Understanding the initiative’s political sensitivity and messaging complexity, we balanced authority with visual boldness, building a platform that earns lasting trust and mobilizes swift action.

{{approach}}

5.0
star iconstar iconstar iconstar iconstar icon
5.0
star iconstar iconstar iconstar iconstar icon
Want to discuss your product vision with our team?
Book a call

01  ·  Discovery & research

We analyzed the global environmental policy landscape to define how a treaty-focused platform should look and communicate. Drawing on the client’s references, we shaped a visual direction built around the interactive map as the centerpiece.

Deliverables

  • Competitor analysis
  • Conceptual moodboard

02  ·  UX/UI design

Deliberately using a non-typical for policy platforms black, yellow, and white palette, we introduced bold contrast to capture attention. The UX followed a modular, component-based system to streamline navigation through complex content.

Deliverables

  • 10+ pages designed
  • Wireframes & user flows

03  ·  Interaction design

We specified micro-interactions for a dynamic map with country popups and contextual data states, along with running text lines and scrolling partner logos. All components were then packaged into a UI kit for a consistent development handoff.

Deliverables

  • Interactive map design
  • UI kit
  • Interaction & animation specs

01  ·  Frontend development & CMS setup

We developed the website pages, ensuring fast performance and a scalable structure. Sanity was integrated as the headless CMS for independent content management, with HubSpot connected to power the Get Involved form.

Deliverables

  • Sanity CMS setup
  • HubSpot form integration

02  ·  Animations & interactive elements

Our developers carefully engineered scroll-triggered animations, a live UNEA 2024 countdown, and running text lines. The world map featured state-based layer toggling across 3 data sets, event-driven popups, and CMS-linked country data.

Deliverables

  • Animated homepage blocks
  • Interactive world map
  • UNEA 2024 countdown timer

03  ·  QA & release

We ran a full pre-release checklist across Safari, Chrome, Firefox, and Edge via BrowserStack, with mobile and tablet verification and a Lighthouse audit per page. The site launched in phases, followed by a bug-fix cycle before full deployment.

Deliverables

  • Cross-browser test report
  • Production deployment

Team

A cross-functional team worked in close sync, continuously adapting to new insights from classroom trials and robot behavior.

  • 1 Project Manager
  • 2 Brand Designers
  • 2 UI/UX Designers
  • 2 Web Designers
  • 1 Front-end Developer
  • 1 Back-end Developer
  • 1 QA Engineer

Technologies

Our stack supported offline interaction, hardware communication, scalable content management, and smooth cross-platform UI.

Team

  • 1 Project Manager
  • 2 UI/UX Designers
  • 2 Front-end Developers

Technologies

Figma
Sanity
HubSpot
BrowserStack

Ready to discuss your project with us?

Let’s discuss how we can craft a distinctive brand identity that captivates, connects, and converts.
BOOK A CALL