SUSTAINABILITY · ESG · DATA VISUALISATION
Green Score - carbon emissions, made clear.
A platform that turns dense industrial questionnaires — fuels, vehicles, chemicals, machinery — into clear emission reports and an equivalence score, so any company can see where it stands and act on it.
ROLE
Product & visual design
SURFACES
11 screens · web + mobile
SYSTEM
Deep forest · Hanken Grotesk
01
Wireframes
A sample from the 500+ screens designed for the platform - spanning the login flow, home dashboard, category selection and data collection screens. These early layouts focused on structuring dense information and multi-step flows clearly, setting the interaction and hierarchy patterns carried through into the final visual design.
02
Style Guide
The visual foundation of the product — a deep-forest palette grounded in nature, the Greenscore G-leaf mark, and Hanken Grotesk, a warm humanist sans chosen to stay legible across dense data tables and friendly in guidance text. Clay, amber and brick accents carry action, caution and alert states.
03
Login Screen
Returning users sign in here. A calm split layout pairs the brand promise and a flat illustration with a single, focused login card — keeping the entry point uncluttered and credible.
04
Sign Up - Mobile
Onboarding is designed mobile-first, because people most often register from a phone or tablet. Personal and organisation details are captured in one clear, scrollable form.
.png)
05
Home Screen
Four tiles sequence the whole journey. The user first answers the preliminary questions (company and personal details). That unlocks tile two, Generic Data Collection - Scope 1, Scope 2 and Equivalence-score data. Completing it enables the final two tiles: the Emissions Report and Equivalence Score.
.png)
06
Category Selection
Three categories — Scope 1, Scope 2 and equivalence score — each with their own sub-categories. The user must fill all the data across these to generate the emissions report and equivalence score.
.png)
07
About the Selected Category
Four tiles sequence the whole journey. The user first answers the preliminary questions (company and personal details). That unlocks tile two, Generic Data Collection - Scope 1, Scope 2 and Equivalence-score data. Completing it enables the final two tiles: the Emissions Report and Equivalence Score.
08
Data Collection Screen
The data-entry form for the Mobile Combustion category: users add vehicle types, drill into categories (LDV/HDV) and fuels (diesel, petrol) through expandable sections, with a step tracker showing progress across the Scope 1 sub-categories.
.png)
09
Emissions Report
Chart-based analysis of the collected data — organisation vs industry-average intensity, year-on-year trends and Scope 1 & 2 breakdowns. A Chart / Table toggle lets users switch to a table view they can download.
.png)
10
Equivalence Score Report
An ESG-style score from 0–100, shown on a clear gauge, with the top improvement areas, an Environment / Social / Governance breakdown, and plain-language guidance on what the score means and how to improve it.
.png)
11
Dashboard - Home
The aggregate view for a regulator / industry body. Onboarding KPIs, a data-collection status summary, and aggregated insights - top and bottom performers by equivalence score - all filterable by year, sector, industry and MSME category.
.png)
12
Dashboard - Portfolio Insights
Deeper portfolio analytics - scatter analyses of emissions vs equivalence score, intensity and water metrics across MSME categories, plus a net-zero target commitment table for risk assessment and portfolio management.
.png)