Designing Data-Rich Interfaces for Procurement Insights

Turning fragmented product information into actionable insights through data visualization and structured content

There’s something here… but this case study works best on a bigger device.


Full content is available on screens wider than 900px.

There’s something here… but this case study works best on a bigger device. Full content is available on screens wider than 900px.

Designing Data-Rich Interfaces for Procurement Insights

Turning fragmented product information into actionable insights through data visualization and structured content

Designing Data-Rich Interfaces for Procurement Insights

Turning fragmented product information into actionable insights through data visualization and structured content

Overview

TractManager, an enterprise SaaS company serving the healthcare purchasing industry, had recently acquired seven disparate products within a 24-month timeframe.

Individually, each tool was barely functional, but together, they created even more clutter. Hospital procurement teams were making major purchasing decisions using dense vendor quotes, outdated internal systems, and high-pressure deadlines, all while navigating TractManager's disparate products.

Leadership wanted a unified approach that surfaced the *why* behind decisions, not just the raw details. The goal was an MVP that demonstrated how multiple data sources could merge into a single, meaningful experience.

Role

Director of Experience Strategy & Design

Opportunity

Create and lead a cross-functional delivery team, align the platform strategy across product leaders, build an integrated MVP within a tight 5-month window, and bring design maturity to a very old-school culture.

Impact

Shifted procurement from spec-heavy comparison to insight-driven decisions, and established a reusable information model for future integration

Challenge

To create something genuinely useful, I had to solve two realities at the same time.

Internal reality (org & Data)

Each acquired product had its own data model, interface patterns, and workflow logic. Internal stakeholders disagreed on priorities and what “critical procurement information” even meant.

External Reality (users)

Clinical and procurement teams were overwhelmed by dense specs, outdated reports, and scattered data. They needed context, clarity, and fast insight—not more documentation.

Approach

With user insights and internal constraints in view, my work focused on creating clarity: defining how information should be structured, what data mattered most, and how teams could build consistently.

Understand the System

Reviewed 7 legacy tools to identify redundancies, data gaps, and design inconsistencies shaping procurement decisions.

Listen Across Teams

Facilitated cross-functional alignment with Product, Strategy, Engineering, and Support to define a feasible MVP path.

Model User Behaviors

Interviewed end users to understand where people hesitate, what they trust, and which signals influence purchasing decisions.

Structure the Lifecycle

Identified the critical moments within purchasing workflows where insights should surface and why.

Craft the Vision

Created content structures and visualizations that merged multiple data sources into a coherent evaluation experience.

Influence the Roadmap

Established a reusable product architecture and IA model, shaping the platform’s future integration strategy.

Insights

These insights confirmed that clarity, structure, and relevance were at the heart of the problem.

Internal reality (org & Data)

Inconsistent structure

Each product team structures procurement data differently, and we don’t agree on what’s ‘critical.’

Fragmented sources

We’re pulling from multiple systems, and none of them categorize information the same way.

Lack of scalability

If this is going to scale, we need components we can reuse — not custom visuals for every product

External Reality (users)

Signal vs noise

Specs are easy to find. What’s hard is understanding what actually matters.

Too Much Information

I don’t need a 20-page report. I need a fast way to tell whether a product is worth my time.

Overwhelming Data

Give me a way to spot outliers or patterns quickly — not just another spreadsheet.

Solution

The solution took shape as a unified information model—one that clarified how product attributes, cost data, market comparisons, and vendor information should work together.

It defined:

  • what information belonged on product pages

  • how insights should surface above raw specs

  • where interactive decision tools should live

  • how to structure data for component-level reuse across categories

MVP Schematic

A clear model showing how integrated data and features fit together and how future products could be onboarded.

Product Detail Page

A straightforward, insight-first layout that helps buyers understand what matters without digging through pages of specs.

Internal reality

Provided a consistent model for structuring product information.

external reality

Buyers saw strengths, weaknesses, and context at a glance.

Solution

  • Highlight the signals that actually drive purchasing decisions

  • Bring pricing, performance, and market context into one place

  • Make it easy to spot strengths, gaps, and meaningful differences

Deals Database

An interactive view of real pricing trends that makes outliers and opportunities obvious at a glance.

Internal reality

Standardized how deal data should be interpreted across acquired tools.

external reality

Users could quickly spot opportunities or anomalies.

Solution

  • See how pricing behaves across regions, vendors, and product types

  • Quickly spot anomalies, bargains, or patterns worth investigating

  • Replace manual spreadsheets with a clear, visual starting point

Technology Report

A structured way to explore market trends, cost data, and clinical context — all organized so decisions feel clearer and more defensible.

Internal reality

Componentized design supported reuse across product types.

external reality

Enabled in-depth evidence for making confident purchasing decisions.

Solution

  • Review unbiased evidence alongside real-world cost and usage data

  • Understand how a technology fits into the broader market landscape

  • Support purchasing decisions with simple, clean visual analysis

This direction came to life through interactive tools, visualizations, and structured content that helped buyers see what mattered—and gave internal teams a consistent framework to build from.

Outcomes

The real success of this work was in giving the organization a clearer way to understand procurement, structure information, and build toward a unified platform.

The MVP showed what was possible, but the bigger impact came from the clarity and momentum it created.

The architecture and design patterns we introduced continued shaping the work long after launch.

Built and supported a 6-person design team, making sure everyone had space to explore ideas and push the work forward.

Demonstrated a clear path for integrating 7 acquired products into a unified experience

Provided evidence that the platform could deliver real value by saving healthcare teams millions dollars in uninformed purchases

Helped align product, engineering, and strategy around a shared way of structuring procurement information

Introduced a reusable information model, content strategy, and design system used in future workstreams.

Reduced the reliance on 20-page static reports by surfacing signals that actually mattered

© Copyright 2026. Kim Harris.

© Copyright 2026. Kim Harris.

© Copyright 2026. Kim Harris.

© Copyright 2026. Kim Harris.

Create a free website with Framer, the website builder loved by startups, designers and agencies.