Book a Consultation

Customer Service Operations Portal

Redesigning a complex service workspace for faster, clearer and more efficient customer interactions.

A confidential enterprise UX project focused on improving the everyday workflow of customer service specialists.

The Context

A high-frequency workflow where every interaction matters

The platform supported specialists throughout customer calls—from reviewing account information and outstanding payments to collecting payments, scheduling commitments and updating customer details.

The system was central to the specialist's working day, making small usability issues costly when repeated across dozens of interactions.

The challenge: more information didn't necessarily mean better support.

Customer service specialist wearing a headset working at her desk

The Problem

The workspace had everything—but finding the right thing took effort.

Our evaluation identified recurring friction across the experience:

01

Information overload

Too many tabs, controls and competing information areas.

02

Poor prioritization

Important actions were not always visually prioritized.

03

Hidden functionality

Frequently used actions could require additional navigation.

04

Context Switching

Specialists frequently switched between Overview and Account Details.

05

Manual effort

Some tasks required interpretation, calculation or repeated input.

Make the right information and action available at the right moment.

What We Discovered

The interface wasn't aligned with the way specialists actually worked.

Navigation

Specialists frequently moved between Overview and Account Details, while other sections were used much less often.

Actions

The Action Panel was critical, but actions weren't prioritized according to usage. Payment Center, for example, was frequently used but hidden inside a dropdown.

Information

Important customer information required scanning and interpretation rather than quick recognition.

Workspace

Panels and supporting content competed for valuable screen real estate.

Insight

The problem wasn't lack of functionality. It was lack of prioritization.

Design Opportunity

From “show everything” to “show what matters now”

The redesign was guided by four principles:

1

Prioritize

Surface the information and actions used most often.

2

Contextualize

Show relevant content based on the current task.

3

Simplify

Reduce visual and cognitive complexity without removing useful functionality.

4

Accelerate

Move frequently performed actions closer to the moment they are needed.

Design for the specialist's workflow—not the system's information architecture.

Two Design Directions

We explored both transformation and evolution.

Direction 01

Complete Revamp

A broader rethink of the workspace:

  • Contextual navigation
  • Stronger information hierarchy
  • Flexible panels
  • Prioritized actions
  • Visual customer indicators
  • Reduced clutter
Direction 02

Minimal Changes

An incremental approach focused on improving the existing experience:

  • Pay Now
  • Improved action grouping
  • Notes drawer
  • Tools widget
  • Better indicators
  • Improved tables and visualizations
A Workspace That Adapts

Navigation and information hierarchy were redesigned around usage

Instead of giving every section equal visual weight, the concept prioritized the areas specialists accessed most frequently.

Navigation: Overview → Account Details → Supporting information. Less frequent content could be pulled in when required rather than occupying permanent space.

Flexible workspace: floating panels and drawers could automatically hide or expand, giving the primary content more room when needed.

Result: less clutter. More focus. Better use of screen space.

Man reviewing information on a tablet
Actions Where They Matter

Reduce the distance between information and action

The Action Panel was redesigned around frequency and importance.

Frequently used payment actions were surfaced instead of being hidden in secondary navigation. Less important actions were grouped together or removed from the primary workspace.

Primary actions should look and behave like primary actions.

Key concepts

Pay NowBring a key payment action directly into context.
Action groupingKeep related actions together.
Primary vs. secondaryMake important actions visually obvious.
Supporting toolsKeep less frequent functions accessible without competing for attention.
Reducing Cognitive Load

Move complex thinking from the specialist to the interface

Some payment-planning tasks required specialists to mentally calculate amounts and map them across future dates.

CalCalendar: a combined calculator + calendar concept could Calculate → Split → Schedule → Adjust — distributing payment amounts across future dates while allowing the specialist to modify the proposed plan.

Why it matters: instead of making the specialist perform the calculation mentally, let the interface do the repetitive work.

Man smiling while working on a laptop
Making Information Easier to Read

Turn dense data into signals

The redesign explored visual ways to help specialists recognize important customer and performance information faster.

Customer Indicators: replace text-heavy information with clearer visual representations.

Monthly Average Trends: make patterns visible through trend visualization rather than requiring users to interpret rows of numbers.

Collect-O-Meter: create an at-a-glance view of collection progress and performance.

The shift: Read → Interpret → Decide becomes See → Recognize → Decide.

Insights data visualization graphic with magnifying glass Woman reviewing information on a tablet in an office

Before → After

From an information-heavy interface to a task-focused workspace.

Before
Dense navigationMany sections compete for attention.
Hidden actionsFrequently used functionality requires additional interaction.
Text-heavy informationImportant signals are buried in data.
Fixed workspaceSupporting panels consume screen real estate.
High cognitive effortSpecialists interpret and calculate more than necessary.
After
Contextual navigationRelevant information receives priority.
Visible primary actionsImportant actions are closer to the task.
Visual indicatorsInformation becomes easier to scan.
Flexible workspacePanels expand and collapse as needed.
Reduced cognitive effortThe interface supports calculation and decision-making.

From navigating the system → to working through the task.

Outcome & Takeaway

Better enterprise UX isn't about removing complexity. It's about managing it.

The concepts demonstrated how a complex service platform could retain its depth while becoming more focused and efficient.

What changed

Prioritized — information and actions were organized around real usage.

Simplified — visual and interaction complexity was reduced.

Contextualized — supporting content appeared when needed.

Accelerated — frequent tasks moved closer to the specialist's workflow.

Woman smiling confidently at her desk in a modern office
Key takeaway The best enterprise experiences don't hide complexity. They reveal the right complexity at the right moment.
Our FAQ’s

Here are answers to some of the most common questions.

Discoverability issues, information overload, navigation reflecting org structure instead of customer goals, and low-visibility trust signals.
Instead of 'how do we simplify banking,' the team asked 'how do we help users make confident decisions faster.'
Key findings included that people scan before they read, visual structure builds trust, and complexity increases hesitation.
Prioritize user intent, reduce cognitive load, create predictable patterns, and surface critical actions.
Through WCAG-compliant inclusive interfaces, device-agnostic experiences, and international-readiness for diverse audiences.

Get in touch!

© 2026 | All rights reserved

Work with Vikas

Need a Product Design Leader Who Turns Complexity into Clarity?

25+ years leading product design for banking, insurance, energy and SaaS teams. Tell me what you are building and where it is stuck.

    © 2026 | All rights reserved