Support Dashboard Refresh

The support dashboard for a regional print shop was showing its age. Agents juggled three separate screens to check an order status, confirm a proof approval, and see whether a file had cleared preflight. The refresh started with a simple question: what does an agent actually look at first when a customer calls about a late delivery?

We mapped the most common support routes over a two-week period. The pattern was consistent: order timeline, proof status, and print queue. Everything else was secondary. So the new layout puts those three items on a single screen, with the timeline as the anchor. The proof status sits beside it, and the queue appears only when a job is actually in production.

The visual system follows the studio's existing editorial grid. Large grotesque numerals for order IDs, a burnt orange accent for anything requiring attention, and ink-black text on the raw paper background. No decorative panels, no gradient headers. Just a clear hierarchy that works on a 13-inch laptop and a 24-inch monitor.

What changed in practice

The first version we tested still had too many columns. Agents wanted a single vertical flow, not a grid that forced them to scan left and right. We cut the layout down to one main column with a slim sidebar for filters. The sidebar is collapsible, because most agents never touch it after the morning shift starts.

• Order timeline moved to the top of the page, always visible without scrolling.
• Proof approval now shows a thumbnail and a clear approve/reject action, no extra clicks.
• Preflight warnings appear inline with the file name, not in a separate modal.
• Search now covers order number, customer name, and job title in one pass.

The typography needed its own pass. The old dashboard used a condensed sans that looked fine in mockups but felt cramped with real customer names and long product codes. We switched to a slightly wider grotesque with more generous line spacing. The change sounds minor, but it cut the time agents spent squinting at dense rows.

Production notes

The refresh shipped in two phases. Phase one replaced the order detail view, which handled the highest volume of calls. Phase two reworked the queue and added the collapsible sidebar. Each phase went through a week of internal testing with the support team before rollout. The feedback loop was short, and the team caught a few edge cases that would have slipped through a purely visual review.

The palette stayed within the studio's existing tokens. Burnt orange for alerts and active states, ink black for primary text, and the muted paper tone for backgrounds. The only new element is a subtle border on cards that separates active jobs from archived ones. It is enough to guide the eye without adding visual noise.