An AI engine this powerful needed a brand and product to match. We built both.
Metis had a powerful AI risk engine and a complex, regulated market to win. We built everything the engine needed to be trusted: a brand from the ground up, the product experience itself, the sales collateral, and a conversion-focused website.
Five modules, one risk brain.
Map, Evaluate, Track, Influence, Sustain. Every module got its own product-design treatment.
An AI engine needed a face the market could trust.
Metis is an end-to-end risk management platform, designed for today’s complex and dynamic landscape, purpose-built to simplify how companies manage sustainability across supply chains and portfolios. Our job covered all of it: the brand, the product experience, the collateral and the website.
A brand built from zero.
Metis had no visual identity when we started. We designed the mark, an E-S-G bar-chart monogram, the environmental/social/governance color system, and the full stationery and collateral suite around it.
Structure before pixels.
The wireframe stage focused on structuring the product into clear modular components: filters, dashboards, KPI cards and granular drill-downs, each designed with a mobile-friendly mindset for responsive adaptability.
Risk data made legible.
An ESG platform lives or dies on its charts. We designed a full visualization language for Metis: gauges, distribution swarms, choropleth maps and rating bars, built for an instant read at board distance.
Making risk geographic.
Map opens the product, so we designed it to orient first: a choropleth world view, industry filters and a top-risks panel that turn a portfolio of thousands of entities into a first insight within seconds.
Scoring without the black box.
For Evaluate we designed the scoring experience to show its work: key areas, sub-areas and weighted factors laid out in drill-down panels, so an analyst can defend every score in front of a board.
One number, fully unpacked.
Track compresses a whole portfolio into a glance. We designed the headline gauge with progress rings and distribution swarms beneath it, so the big number always carries its evidence.
Levers, not lectures.
Influence is where users act. We designed slider-based what-if controls across environmental, social and governance with projected-impact chips: improvement planning as a drag, not a meeting.
Regulation, translated to action.
Sustain closes the loop. We designed the sustainability hub as three streams: market, client and product, each pairing a regulation alert with an AI-guided action plan.
A first run designed to stick.
The onboarding experience was designed to guide users through the platform’s capabilities without overwhelming them. We focused on progressive disclosure: introducing key modules step by step, using contextual tooltips and visual walkthroughs. This helped users build confidence early and ensured faster activation.
The other half of the story.
Metis works both ways, so we designed the vendor-facing screens in the same system: self-assessments, evidence uploads and score views that make suppliers participants instead of subjects.
Then we built the megaphone.
With the product designed, Metis needed a storefront to sell it. We designed and built the marketing website in Webflow, hero to footer in the same design language as the product.
The landing page: product story, proof and demo CTA in one scroll.
The visual communication system: illustration, iconography and data-visual language for the site.
Solutions, platform, pricing, resources. Every route in the same voice.
Designed for the feed.
Launch and content templates: the brand system working at post size.
