TT GREEN

B2B

SaaS

Fintech

ESG

Data Management & Visualization

ESG

Data Management & Visualization

ESG

Data Management & Visualization

A holistic ESG data management & reporting experience for corporates

TT GREEN

B2B

SaaS

Fintech

ESG

Data Management & Visualization

ESG

Data Management & Visualization

ESG

Data Management & Visualization

A holistic ESG data management & reporting experience for corporates

CLIENT

InnoBlock

INDUSTRY

Fintech

Sustainability Software

TIMELINE

Mar 2022 - May 2024

PLATFOM

Web-based

Project Overview

TT GREEN, InnoBlock's ESG reporting solution, streamlines data gathering, synthesis, and documentation.

Starting from concept, I designed the entire system, transforming manual processes into standardized reporting frameworks that facilitate stakeholder collaboration and ensure accurate, comparable ESG data.

How might we create a intuitive platform that simplifies ESG reporting, data management for all stakeholders?

CHALLENGES
  • Manual ESG data entry is time-consuming, error-prone, high labor costs, and relies on fragmented data.

  • The complexity of supply chains makes obtaining accurate and comprehensive data a resource-intensive challenge.

  • Different calculation methods and metrics for carbon footprint across various sources and locations make achieving accuracy difficult.

  • With so many ESG reporting standards, it's difficult to know which one to use and how to comply.

KEY DESIGN ACHIEVEMENTS
  • Designed a unified, cloud-based data repository to merge ESG data from multiple departments. This eliminates data fragmentationensures data consistency, and reduces input errors.

  • An ESG report editor powered by an AI language model simplifies the reporting process. This feature automates the extraction of qualitative data from the repository, assists in writing qualitative content, and guides users through required standards, resulting in more accurate and efficient reports.

  • Designed the UI/UX for visualizing blockchain data and user activity within TT GREEN's system, creating a user-friendly interface for administrators to monitor and audit all changes.

  • Created a design system with a style guide and a component library for a more efficient design and development process, ensuring consistency.

  • Designed a role-based access control (RBAC) system to manage user permissions and data security, including the administrator platform.

  • Interactive dashboards provide real-time insights into key ESG metrics, enabling users to track progress, identify trends, and make data-driven decisions.

OUTCOME & IMPACT
  • Streamlined data handling and communication reduced time spent on ESG data management by 42%, boosting productivity.

  • A significant reduction in data entry errors resulted in more accurate and reliable ESG data, increasing user satisfaction.

  • Automated suppliers data requests increased supplier engagement by 28% and reduced data aggregation time by 65%, accelerating the ESG reporting process.

  • The combined improvements led to a more efficient ESG reporting process. Improved data organization reduced auditing costs by 33% due to increased efficiency and data transparency.

A Collaborative Design Approach

A Collaborative Design Approach

This project was launched in close collaboration with WWF to improve their carbon accounting program.

By actively communicating with the product owner, external partners, and ESG experts, we gained a comprehensive understanding of ESG principles, user needs, and the intended applications of the resulting data.

This collaborative approach informed every stage of our design process, ensuring clarity and addressing all needs effectively.

(Click on image to enlarge)

TT GREEN Platform Overview

TT GREEN Platform Overview

TT GREEN Platform Overview

Recognising that ESG compliance can be overwhelming, TT GEEN is designed to simplify the process.

It consolidates and automates quantifiable data, intuitivly guiding users every step of the way, from defining their initial scope to managing carbon credit offsets.

Meanwhile, a powerful backend portal, including an AWS-powered master database, silently handles data management, transactions, and audit logging, ensuring accuracy and compliance.

(Click on image to enlarge)

ESG Data Management Workflow at TT GREEN

TT GREEN consolidates ESG data from various internal departments and business units, covering areas such as energy consumption, employee diversity, safety, and supplier compliance. The sustainability team analyzes this data to inform strategic decisions, generate ESG reports, facilitate audits, and ultimately publish verified reports for public access.

(Click on image to enlarge)

ESG Data Management Workflow at TT GREEN

TT GREEN consolidates ESG data from various internal departments and business units, covering areas such as energy consumption, employee diversity, safety, and supplier compliance. The sustainability team analyzes this data to inform strategic decisions, generate ESG reports, facilitate audits, and ultimately publish verified reports for public access.

Solutions

Solutions

Start without prior knowledge in carbon accounting

Effortlessly create your ESG profile, including carbon emission disclosures, using interactive tours and industry-specific templates.

One-stop ESG data repository

Consolidate and simplify the ESG data from all departments and business units, including bills and supporting documents, to enable more straightforward recording, tracking, and organization.

Interactive Dashboard for Insights

Visualize data from Data Repository with interactive charts that provide real-time insights into key ESG metrics.

This enables users to track progress, identify trends, and make data-driven decisions.

ESG Report

Choose your ESG reporting standard, and TT GREEN will automatically complete the qualitative sections. This allows your team to concentrate on the step-by-step qualitative sections and halve the workload.

Interactive Dashboard for Insights

A robust role-based access control (RBAC) system safeguards confidential data and manages user permissions across all business units and locations.

STYLE GUIDE & COMPONENT LIBRARY

STYLE GUIDE & COMPONENT LIBRARY

I created a style guide and component library to ensure design consistency and efficiency.

This resource provided reusable UI elements and design specifications, streamlining the process and creating a cohesive user experience while reducing time spent during development.

Font family

work sans

Semi-bold

medium

Regular

H1

Sustainable investing for a better world.

H1

Sustainable investing for a better world.

H2

Sustainable investing for a better world.

H2

Sustainable investing for a better world.

H3

Sustainable investing for a better world.

Body text

Sustainable investing for a better world.

Body text

Sustainable investing for a better world.

Primary

#27470C

#657A52

#ACBAA0

#CCD5C4

#F2F5EB

#F8FCF4

Secondary

#44697D

#B2E8FF

#B7DDED

#D4E6ED

Netural

#141626

#313346

#606277

#7E8095

#9C9EAB

#D2D3DB

#F3F4F6

input fields

login@yourmail.com

+852 2

+852 2345 6789

Active

Filled

Inactive

dropdowns

Collasped

kWh

Extended

kWh

L

kg

m3

Hover

kWh

L

kg

m3

BUTTONS

Primary

Secondary

Tertiary

Destructive


LEARNINGS & REFLECTIONS

LEARNINGS &
REFLECTIONS

LEARNINGS &
REFLECTIONS

Building this platform from the ground up was both a demanding and rewarding experience. I effectively navigated the complexities of integrating various API-driven data, translating business requirements, and addressing compliance needs. Additionally, I developed a design system for the platform that included extensive features.

My work involved bridging the gap between end-users and stakeholders. This project significantly enhanced my skills in stakeholder management, designing data and logic-heavy products, and delivering a comprehensive, user-friendly solution in a challenging environment.

Ready to
transform your brand's
digital presence and
elevate the user experience?

Let's collaborate to elevate your digital products, website, and social media presence. Contact me to discuss your vision.

Grab a virtual coffee with me – schedule a call:

Find me in LinkedIn

Copy my email address

Ready to
transform your brand's
digital presence and
elevate the user experience?

Let's collaborate to elevate your digital products, website, and social media presence. Contact me to discuss your vision.

Grab a virtual coffee with me – schedule a call:

Find me in LinkedIn

Copy my email address

Ready to
transform your brand's digital presence and
elevate the user experience?

Let's collaborate to elevate your digital products, website, and social media presence. Contact me to discuss your vision.

Grab a virtual coffee with me – schedule a call:

Find me in LinkedIn

Copy my email address