Home/Case Studies/Only Good Design
CASE STUDYSAAS / B2B SOFTWARE · ESG SAAS FULL PRODUCT UX

Only Good Design

End-to-end product UX for an ESG SaaS suite — from CBAM compliance and Scope 1-3 emissions dashboards to supplier portals and AI forecasting — plus a Framer marketing site.

38Weeks operated
2k+Hours of work
2Engineers

The brief

Design the full product UX for Only Good, an ESG/sustainability SaaS platform, starting from CBAM regulatory compliance module wireframes and expanding into a comprehensive multi-module sustainability management suite — while simultaneously building and launching a Framer-based marketing website with SEO and content operations.

What we built

A comprehensive end-to-end UX design system and product design for "Only Good" — a B2B ESG SaaS platform. Delivered across 38 weeks:

  • CBAM (Carbon Border Adjustment Mechanism) module v1 and v2 with calculation flows, dashboards, and report generation
  • ESG assessment, Social, and Governance module UX
  • Scope 1/2/3 Emissions dashboards and insights
  • Water, Production, and Waste environmental data modules
  • Cross-platform Workflow engine and RBAC permission system
  • Multi-phase Supplier / Supply Partner portal
  • AI-powered forecasting, benchmarking, BRSR report automation, and carbon rebalancing screens
  • Goal Setting and tracking module
  • Full marketing website in Framer with SEO, CMS blogs, compliance/solutions pages, and webinar landing pages
  • Admin, onboarding, and multi-org management UX
  • Report Builder with BRSR/EcoVadis/CDP/CBAM compliance support and auditor dashboard
  • Foundational design system (EMF library, brand kit, color system). High-fidelity demo prototypes were produced for enterprise sales cycles including a Daimler-specific demo.
⊛ Live in production

Marketing website live on Framer with landing page, solutions pages, compliance pages (BRSR, EcoVadis, CDP, CBAM), blog CMS, about us, and webinar pages — with SEO technical issues resolved. Platform product designs are in active dev handoff/implementation phase with multiple modules (Water, Production, Workflow, RBAC, Supplier) delivered to development team.

How it was built, phase by phase.

8 workstreams across 38 weeks of operated delivery

  1. (001)DESIGNWeek 1 – Week 26 (Jan 31 – Jun 27 2025)

    CBAM Module Design (v1 & v2)

    End-to-end UX design of the Carbon Border Adjustment Mechanism module, covering wireframes, input flows, calculation views (grid and mindmap), dashboards, report generation, review flows.

    ✓ Delivered CBAM v2 with business review screens, calculation flows, dashboards, and report generation ready for dev handoff

    FigmaFramer
  2. (002)DESIGNWeek 3 – Week 9 (Feb 17 – Mar 4 2025)

    ESG Assessment & Social / Governance Modules

    Comprehensive UX for ESG assessment questionnaires, Social input and dashboard flows, Governance data upload and dashboard, covering result screens, preview states, and iterative dashboard updates.

    ✓ Delivered Social and Governance module designs with input, preview, review, and dashboard states

    Figma
  3. (003)DESIGNWeek 10 – Week 14 (Mar 12 – Apr 4 2025)

    Emissions Dashboard & Scope 1/2/3 Insights

    Research, ideation, and full UX design of emissions tracking dashboards covering Scope 1, 2, and 3 insights screens, overview screens, admin emission customisation setup, and environment onboarding flows.

    ✓ Complete Scope 1/2/3 emissions dashboard and insights UX delivered with admin customisation flows

    Figma
  4. (004)DESIGNWeek 14 – Week 30 (Apr 9 – Aug 21 2025)

    Water, Production & Waste Environmental Modules

    Design of Water input/manage flows, Production data flows (v1 and v2), and Waste module screens — covering input, manage, and insight states for each environmental pillar.

    ✓ Water, Production, and Waste modules delivered to dev team with walkthroughs; Production v2 redesign completed

    FigmaFramer
  5. (005)DESIGNWeek 17 – Week 22 (May 1 – Jun 10 2025)

    Workflow & Role-Based Access Control (RBAC) System

    End-to-end UX design of a cross-module workflow engine and RBAC permission system, iterated extensively and implemented conceptually across all platform modules, including demo prototyping and export options.

    ✓ Workflow and RBAC system fully designed and implemented across all platform modules; demo prototype delivered

    Figma
  6. (006)DESIGNWeek 22 – Week 38 (Jun 17 – Oct 24 2025)

    AI-Assisted Features: Forecasting, Benchmarking & Report Automation

    R&D and UX design for AI-powered forecasting, benchmarking, BRSR report automation, AI summary pages, and carbon rebalancing screens — including Claude HTML prototypes and Framer-embedded HTML reports.

    ✓ AI forecasting/benchmarking UX, BRSR report automation demo, carbon rebalancing screens, and embedded HTML reports delivered

    FigmaFramerClaude (HTML)AI/LLM tooling
  7. (007)DESIGNWeek 24 – Week 36 (Jul 11 – Sep 26 2025)

    Supplier Module & Supply Partner Portal

    Multi-phase supplier management UX including supplier dashboard, listing page, detail pages, add supplier flows, supply partner POV screens, bulk invite.

    ✓ Supplier module Phase 1 and Phase 2 designs delivered; supply partner POV and bulk invite flows completed

    FigmaClaude (HTML prototyping)
  8. (008)DESIGNWeek 33 – Week 38 (Sep 16 – Oct 24 2025)

    Goal Setting & Carbon Rebalancing Module

    New sustainability goal-setting and tracking module UX, designed through multiple iterations with client and UX expert feedback, plus a carbon rebalancing screen as the platform's strategic offset/action layer.

    ✓ Goal Setting MVP and 2nd iteration delivered; Carbon Rebalancing module designed with UX expert-validated changes

    Figma

Stop renting hours. Start running functions.

Pick the function you want off your plate. We map the brain and name the outcome before you commit.