ESG & Climate Risk Platform
Climate risk meets ESG reporting.
Process
Impact
While the core user flows and architecture were provided, I was responsible for:
-
Translating wireframe concepts into detailed user interface layouts
-
Designing responsive components for ESG scorecards, climate risk heatmaps, and regulatory compliance checklists
-
Creating consistent UI patterns for tables, filters, alerts, and data visualisation modules
-
Collaborating closely with PMs and analysts to fine-tune usability for high-density data environments
Design Goals
-
Visualise climate risk assessments and ESG metrics clearly
-
Build a consistent interface across dashboards, reporting tools, and data drilldowns
-
Ensure flexibility for varied data inputs — from satellite to IoT sensors
-
Support scalable interactions for analysts, sustainability leads, and C-suite stakeholders
Wireframes
Mapped user flows and app architecture across web and mobile.
Hi Fi Designs
Built wireframes, then refined high-fidelity UIs through rapid iteration and feedback.
Wireframes
Web Platform Wireframes
Designed mid-fidelity wireframes to iterate on layout structure, data hierarchy, and interaction patterns. Focus was placed on modularity and ease of navigation for key workflows like:
-
Portfolio-level ESG scoring
-
Climate risk mapping by asset location
-
Regulatory compliance document generation
High Fidelity Designs
Web Platform
Developed a modern, enterprise-ready UI with:
-
Neutral, accessible colour palette optimised for data legibility.
-
Card and tile-based layouts for modular data consumption.
-
Visual alert indicators for high-risk zones and non-compliant entities.
-
Seamless transitions between high-level dashboards and granular drilldowns.
TerraCompass is an integrated ESG and climate risk management platform built for modern corporations navigating sustainability, compliance, and climate resilience. It enables organizations to track environmental impacts, assess risk exposure, and generate actionable ESG reports — all through a single unified interface.
