Replacing 5 tool workflow with a single dashboard

UX/UI

SAAS

Dashboard

Zafco International is one of the region's largest tyre distributors. Their consumer brand, TireStreets, runs thousands of orders a month, same-day fulfilment, complex fitment queries, customers who can't wait when something goes wrong.

At a glance

No room to be slow

A customer with the wrong tyres the night before a weekend drive doesn't have days to wait for a reply.

High-complexity complaints

Wrong tyre deliveries, lost shipments, mounted-tyre returns, every complaint is different. Every one needs a different resolution.

No room to be slow

A customer with the wrong tyres the night before a weekend drive doesn't have days to wait for a reply.

The Situation

FIVE TOOLS OPEN. ONE TICKET TO RESOLVE

Not because the agents weren't good at their jobs. Because every answer lived in a different place. Ticket in one tool. Order details in another. Stock levels somewhere else. Shipping status: yet another login.

The team was doing their jobs and the system's job simultaneously. That's not a people problem. That's a design problem.

The Brief

Build a Single Pane of Glass. One place. Everything the agent needs to resolve any ticket, without opening another tab.

The Challenge

Here's what actually happened when a customer raised a ticket for a wrong delivery.

My intervention

Stop making agents adapt to the tools.
Make the tools adapt to agents.

"Machines should work for humans, humans should not adapt to machines."

— Don Norman, The Design of Everyday Things

The old portal was a blank canvas. Open a ticket. Figure out the journey. Remember the steps. Navigate to the right tools. Hope you didn't skip anything.

How I Solved It

  1. The system tells you what to do next

Before, an agent opened a ticket and had to figure out the right steps on their own. Now the portal reads the ticket, lays out the steps in order, and won't let you skip ahead.

  1. The AI button lives where replies happen

The client wanted a dedicated AI section. I pushed back, the AI had one job: help agents write better replies faster. So it became a single button inside the chat itself. Press it, get a draft, send it.

  1. Stock levels visible without leaving the ticket

Agents used to open the inventory system separately, look up each tire SKU, note down the stock count, then come back to the ticket. Now that information appears automatically inside the resolution step, right next to the customer's complaint.

  1. The portal picks the best warehouse; agent just confirms

Choosing which warehouse to ship a replacement from used to be a manual judgment call. Now the portal calculates the nearest and cheapest option automatically, highlights the recommendation, and shows the alternatives.

  1. A countdown tells the agent if the return is still valid, before they ask

TireStreets has a 30-day return policy for mounted tires. Agents had to manually check the purchase date every time. Now a "3 days left" badge appears on the ticket the moment it loads. The window is visible immediately, no date math, no second-guessing.

  1. Every action is recorded, so nothing gets lost in handovers

When a ticket changes hands or a customer follows up, nobody should have to ask "what happened before me?" Every step taken; image check, label sent, refund processed is automatically logged with a time stamp. The portal remembers so the agent doesn't have to.

One place.
Everything they need.
Nothing they don't.

Why It Works

Good tools disappear. Great tools do the thinking.

1

An agent's best day became the default

The portal is designed around how the best agent already worked, methodically, in order, without skipping steps. That behaviour is now built into the interface for everyone.

2

Context that used to take minutes now takes seconds

Order history, stock availability, shipment status, the information that previously required separate logins is now visible the moment a ticket opens. Faster decisions, fewer mistakes.

3

The harder the case, the more the portal helps

Simple tickets were already manageable. This portal was built for the complex ones, wrong tires, lost shipments, partial refunds, return eligibility disputes. The messier the situation, the more the guided structure pays off.

The Results

  1. New issue types don't need a new interface. The guided task framework was built to absorb whatever comes next, without rebuilding anything.

  2. The first version landed. No structural redesign. No "let's go back to the drawing board." The client saw it and said yes.

The portal is currently under development. Waiting to track amazing results

🙏
Thanks for watching!

Next Project

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