Net Zero TrackerEmissions Targets Tracker
The Net Zero Tracker aims to increase transparency and accountability of net zero targets pledged by nations, states and regions, cities and companies.
- Platform
- Next.js + Laravel
- Location
- International Collaboration
- Client since
- 2018
The final product
Screenshots showcasing the responsive design across devices.
The Brief
The Net Zero Tracker website publishes data on emissions targets set by nations, states and regions, cities and companies - referred to collectively as entities - and on many factors that indicate the integrity of those targets: essentially, how serious the entity setting the target is about meaningfully cutting its net emissions to zero.
The project is a collaboration between four organisations but was primarily led by a long standing client of ours, the Energy and Climate Intelligence Unit.
The project was commissioned to coincide with the 2021 COP26 event in Glasgow to take advantage of the inevitable rise in profile of all things environmental whilst the event was running.
What we did
The site has two distinct elements: the public facing front-end that visitors interact with to discover up-to-date emissions targets data and the admin facing back-end that editors interact with to maintain and manage the emissions data.
The front-end is built on the Next.js React Framework and gathers emissions data from the back-end content database and displays it in a variety of easy-to-read ways, mostly via the interactive Google Map on the homepage and via the individual entity profile pages.
The finished site has proven incredibly popular with the environmental, research and academic communities as well as traditional print and online media outlets, with many using the site as a key reference point.
We’re really pleased with the finished website and know that the lead client and collaborators and just as happy. Why not take a look at the website and if you’re considering a similar project, we’d love to hear from you.
Key features
The components and capabilities we delivered.
Custom Google Maps
Interactive homepage map displaying up-to-date emissions targets data for nations, regions, cities and companies worldwide.
Entity Profile Pages
Detailed profile pages for each entity showing the integrity and status of their net zero commitments.
Next.js Front-end
Built on the Next.js React framework, pulling live data from the back-end content database for fast, dynamic rendering.
Our approach
A proven process tailored to this project's unique requirements.
Discovery
We start by understanding your goals, audience, and constraints. Through workshops and research, we define the project scope and success criteria.
Strategy & Wireframing
We map out the user journey and information architecture. Low-fidelity wireframes let us test ideas quickly before committing to design.
UX/UI Design
Visual design that balances aesthetics with usability. We create interfaces that look great and guide users effortlessly toward their goals.
Development
Clean, well-documented code built on proven frameworks. We develop iteratively, sharing progress regularly so you're never in the dark.
Quality Assurance & Launch
Rigorous testing across devices and browsers. We handle deployment and ensure a smooth launch with minimal disruption.
Ongoing Support
Our relationship doesn't end at launch. We provide proactive maintenance, security updates, and responsive support to keep your product thriving.
related projects
Planning a similar project?
Let's discuss how we can help you achieve your digital goals. We typically respond within one business day.