# Procfox dashboard

URL: https://kalpana-srivastava.pages.dev/work/visual/procfox-dashboard

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

[← All visual work](https://kalpana-srivastava.pages.dev/work#showcase)

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.

_\[Image: 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.\]_

[1](https://kalpana-srivastava.pages.dev/#note-1)[2](https://kalpana-srivastava.pages.dev/#note-2)[3](https://kalpana-srivastava.pages.dev/#note-3)[4](https://kalpana-srivastava.pages.dev/#note-4)[5](https://kalpana-srivastava.pages.dev/#note-5)

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.

Client

C1 India

My role

UI/UX designer

Year

2023–24

Platform

Desktop web

[Read the Procfox case study →](https://kalpana-srivastava.pages.dev/work/procfox)

## 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](https://kalpana-srivastava.pages.dev/work/procfox).

[Next · WebsiteRipples Velocity websiteThe marketing website for Ripples Velocity. Five pages built from the product manager's content, within the brand guidelines, on a style guide I created.](https://kalpana-srivastava.pages.dev/work/visual/ripples-velocity-website)