Deducta product interface

Deducta

Deducta

ROLE

Sole Product Designer (Founding Design Lead)

SCOPE

Product UX/UI, Design System, Code Prototyping, Marketing Website

STACK

Figma, HTML/CSS/JS, Enterprise AI Infrastructure

Overview

Overview

Deducta ingests millions of disjointed, multi-source procurement data points and normalises them using AI. When I joined there was no design system, and users had no way to inspect or trust what the AI had produced.

Deducta ingests millions of disjointed, multi-source procurement data points and normalises them using AI. When I joined there was no design system, and users had no way to inspect or trust what the AI had produced.

The core challenge was turning black-box normalised data into an interactive, drillable transparency engine, where enterprise procurement heads could trace a high-level spend breakdown all the way down to an individual raw receipt.

The core challenge was turning black-box normalised data into an interactive, drillable transparency engine, where enterprise procurement heads could trace a high-level spend breakdown all the way down to an individual raw receipt.

Approach

Four interventions, zero to one

Four interventions, zero to one

The work ran on four tracks at once rather than in sequence.

The work ran on four tracks at once rather than in sequence.

Design system

Design system

Deducta’s Figma component library, architected from scratch for high data density, accessible contrast and scalable data table states.

Deducta’s Figma component library, architected from scratch for high data density, accessible contrast and scalable data table states.

Code prototypes

Code prototypes

Rather than rely on static mockups, I built interactive HTML, CSS and JS prototypes to stress-test table filters, nested hierarchies and responsive states before engineering handoff.

Rather than rely on static mockups, I built interactive HTML, CSS and JS prototypes to stress-test table filters, nested hierarchies and responsive states before engineering handoff.

User testing

User testing

Direct feedback sessions with FTSE 100 retail and hospitality groups, refining the information architecture until it fitted their daily procurement workflow.

Direct feedback sessions with FTSE 100 retail and hospitality groups, refining the information architecture until it fitted their daily procurement workflow.

Brand and site

Brand and site

Rebuilt the public marketing site so the external brand matched the high-trust aesthetic of the product itself.

Rebuilt the public marketing site so the external brand matched the high-trust aesthetic of the product itself.

The Solution

Drillable spend architecture

Drillable spend architecture

Flat reports became multi-layered dashboards. The point was never the chart, it was being able to keep asking why until you reach the receipt.

Flat reports became multi-layered dashboards. The point was never the chart, it was being able to keep asking why until you reach the receipt.

Drill down

Drill down

High-level category spend opens into sub-vendors, then invoice line items, then the raw AI normalisation confidence score behind each one.

High-level category spend opens into sub-vendors, then invoice line items, then the raw AI normalisation confidence score behind each one.

AI inspection

AI inspection

Clear visual signifiers showing why the AI categorised a spend item the way it did, giving procurement teams full audit visibility.

Clear visual signifiers showing why the AI categorised a spend item the way it did, giving procurement teams full audit visibility.

Animation of the listing flow address step autofilling from a postcode lookup
Gradstay landlord landing page, headline reads Faster Lets. Better Tenants.

Clients

Tested with FTSE 100 procurement teams

Tested with FTSE 100 procurement teams

Enterprise procurement is unforgiving about trust. Every design decision had to survive a buyer asking where a number came from.

Enterprise procurement is unforgiving about trust. Every design decision had to survive a buyer asking where a number came from.

The Impact

1.1M

1.1M

1.1M

Revenue impact. A key driver in securing and expanding enterprise contracts after the redesign.

Revenue impact. A key driver in securing and expanding enterprise contracts after the redesign.

FTSE 100

FTSE 100

FTSE 100

Adoption across major FTSE 100 retail and enterprise groups.

Adoption across major FTSE 100 retail and enterprise groups.

40%

40%

40%

Less design-to-development handoff friction, from hand-coded component specs.

Less design-to-development handoff friction, from hand-coded component specs.

WANT TO LEARN MORE?

The products and designs I worked on are private, but I’m happy to chat more about my process over a call. Reach out at mo.odegbami@icloud.com.

The products and designs I worked on are private, but I’m happy to chat more about my process over a call. Reach out at mo.odegbami@icloud.com.