EcoDesignCloud

Dark-themed dashboard with environmental and design metrics, charts and graphs on a black background.

Executive Summary

EcoDesignCloud is a sustainability/LCA platform for measuring and reducing product footprints across the value chain. I was the sole designer on the demo app. I created role-based UX (purchaser, designer, supplier) and delivered mid-fidelity, component-based prototypes built on MUI. Together with other colleagues we developed a fully functioning demo app that served as a base for the final product. We collaborated in sprints with an external client CX team and validated internally. My focus was a clear “skeleton” with strong UX foundations; a different company later applied the final visual/UI layer.

Visit EcoDesignCloud's website

The brief

Design a demo-ready experience that shows how different roles collaborate in EcoDesignCloud. Keep flows clean, predictable, and easy to demo. Constraints: evolving requirements, no access to end users and sprint cadence with an external client CX team.

Designing Role-Based Journeys

I mapped end-to-end flows per role: Purchaser: request/compare impact, review supplier inputs, track compliance. Designer: explore variants, compare materials/processes, understand Eco-Score drivers. Supplier: provide primary data, upload BOMs/attributes, respond to requests. Each flow emphasized clarity, minimal copy, and explicit states (empty, loading, success, error) so the demo tells a clean story without training.

Mid-Fidelity Prototyping

All prototypes were component-based and built on MUI. This kept layout, spacing, and interactions consistent and made iteration fast. It also smoothed developer handoff later, since patterns matched real implementation. We worked in sprints: define → prototype → review → refine. Each loop aligned internal stakeholders and the client CX team without waiting for high-fi visuals.

Refining with limited resources

With no direct user access, I adapted by: Using heuristics and best practices and running sessions with the client CX team to confirm terminology and expectations.

Built to Be Built On

We delivered a solid UX foundation for a demo-ready app: role-based flows (purchaser, designer, supplier), componentized MUI prototypes. Another agency then used this foundation to craft the visual language and high-fidelity UI, taking it to the final product.