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

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.
.avif)
.avif)
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.
.png)
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}}
When your branding and positioning are clear, your business shapes perception, builds trust, and drives growth. That said, a strong identity creates an emotional connection with the audience, making you memorable, recognizable, and impossible to ignore.
But without this, the opposite happens. So, no matter your needs, be it launching a new business or refreshing an existing one, investing in branding services ensures you stand out in a crowded market and attract the right audience.

Deliverables
- Lorem ipsum dolor
- Lorem ipsum dolor
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.
.avif)
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.
.avif)
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.
.avif)
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.
.avif)
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.
.avif)
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.
.avif)
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

.avif)
.avif)
.avif)
.avif)
.avif)




