SaaS2024

ESG Bay

Web appUX StrategyProduct DesignDesign system

Overview

ESG Bay makes sustainability reporting easy for all companies. The self-assessment platform lets a business measure its ESG impacts, produce clear, easy-to-read assessments and share them instantly with customers, communities, stakeholders and suppliers.

We designed the full platform — from the reporting engine and compliance tooling to the analytics dashboard and connections — turning a dense, regulation-heavy domain into something an operator can actually navigate.

The goal was to make a conscious step towards sustainability effortless, whether a company is filing its first report or managing continuous compliance.

Roles & Responsibilities

Product DesignUX DesignUI DesignDesign SystemData VisualizationUser Flows

Deliverables

DashboardReporting engineCompliance toolsCustom reportsConnectionsSettingsUser managementNotifications
ESG Bay

First Attempt

Early ExplorationThe first design direction, explored before the platform settled on its final visual language and information hierarchy.

First Attempt screen 1First Attempt screen 2
1 / 2

Dashboard

At-a-glance ESG HealthThe home overview: sustainability scores, active reports and key performance signals surfaced the moment an operator logs in.

Dashboard screen 1Dashboard screen 2Dashboard screen 3Dashboard screen 4
1 / 4

Performance

Impact AnalyticsDetailed analytics that break ESG performance down by category, period and target so teams can see exactly where they stand.

Performance screen 1Performance screen 2Performance screen 3Performance screen 4Performance screen 5Performance screen 6
1 / 6

Create Report

Guided ReportingA step-by-step builder that walks companies through a full sustainability assessment without needing a compliance expert in the room.

Create Report screen 1Create Report screen 2Create Report screen 3Create Report screen 4Create Report screen 5Create Report screen 6Create Report screen 7
1 / 7

Reporting

Shareable AssessmentsClear, easy-to-read reports designed to be published and shared instantly with stakeholders and the wider public.

Reporting screen 1Reporting screen 2
1 / 2

Compliance

Stay Audit-readyTooling that keeps a company aligned with evolving ESG standards and flags what still needs attention.

Compliance screen 1Compliance screen 2Compliance screen 3Compliance screen 4Compliance screen 5Compliance screen 6Compliance screen 7Compliance screen 8
1 / 8

Connection

Data IntegrationsConnect the data sources behind an assessment so reporting stays accurate and up to date automatically.

Connection screen 1Connection screen 2Connection screen 3Connection screen 4Connection screen 5Connection screen 6Connection screen 7
1 / 7

Custom Report

Tailored OutputBuild bespoke reports for specific audiences — investors, regulators or customers — from the same underlying data.

Custom Report screen 1Custom Report screen 2Custom Report screen 3Custom Report screen 4Custom Report screen 5Custom Report screen 6
1 / 6

Settings

Platform ConfigurationA comprehensive settings area for company profile, branding, plans and the business-critical configuration behind the platform.

Settings screen 1Settings screen 2Settings screen 3Settings screen 4Settings screen 5Settings screen 6Settings screen 7Settings screen 8Settings screen 9Settings screen 10
1 / 10

Users

Team & AccessRole-based access so teams can collaborate on assessments while keeping control of who can see and edit what.

Users screen 1Users screen 2
1 / 2

Notifications

Stay in the LoopTimely notifications that keep operators informed about report status, deadlines and compliance changes.

Notifications screen 1
1 / 1