Skip to content
ContactResume
← All visual work

Dashboard · C1 India

Procfox dashboard

The auctioneer's dashboard for Procfox, an auction management portal. It answers "what needs my attention today?" before anyone starts reading.

Procfox auctioneer dashboard: quick summary cards, a stacked bar chart of auctions by month and type, a donut chart of completed auction types, ten status filters with count badges, a search bar, Create Auction and Import buttons, and the auction table with times in red.12345
  1. 1

    Three numbers first

    Total, highest and lowest auction counts give the big picture before any detail.

  2. 2

    One colour per auction type

    English, Dutch and Yankee keep the same colour in both charts, so they read as one story.

  3. 3

    Every status, with a count

    Ten status filters, each with a red badge, so a busy queue stands out straight away.

  4. 4

    One primary action

    Create Auction is the only filled button. Import sits beside it as a secondary option.

  5. 5

    Time in red

    Start, end and remaining times are highlighted, because in an auction the clock is the most urgent fact.

Tap or hover the numbered pins to see the design decisions.

Context

Procfox is an auction management portal where buyers run English, Dutch and Yankee auctions and suppliers bid live. Auctioneers juggle many auctions at once, so the dashboard is the first screen they see every day. The old portal had grown feature by feature, with no quick way to see which auctions needed attention.

What I did

  • Gathered requirements with the project manager and the customer, in formal and informal meetings
  • Sketched low-fidelity wireframes, took them through feedback rounds and refined them
  • Ordered the dashboard from overview to action: counts and trends, then status filters, then the auction list
  • Built every element from the Procfox design system and style guide, so it stays consistent with the rest of the product

Result

A dashboard that shows where to look first, part of a redesign that improved workflow efficiency by 30%. The full story, from wireframes to the style guide, is in the Procfox case study.