SaaS / B2B Software · Esg SaaS Full Product UX
Only Good Design
B2B ESG/Sustainability SaaS platform.
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.
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.
Delivery timeline
How it was built, phase by phase.
8 workstreams across 38 weeks of operated delivery.
- 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 - 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 - 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 - 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 - 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 - 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 - 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) - 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
More case studies
Related work
09 · Run a function
Stop renting hours. Start running functions.
Pick the function you want off your plate. We'll map the brain and name the outcome we'd commit to — before you do.