← NARSHA

Total Quality Logistics (TQL)

Screen Pop — Call-Handling Modernization

User problem
During incoming calls, logistics teams needed to identify the caller and quickly find the relevant customer, carrier, employee, or load information.
My responsibility
Senior Product Designer covering legacy analysis, user interviews, modernization design, and shared Figma documentation for Product and Engineering.
Main constraint
Modernize the existing functionality using Kendo components while preserving the operational behavior people relied on.
Project status
Modernized designs, research, and implementation references prepared for Product and Engineering.
Outcome
Created the Kendo-based design and a shared reference connecting existing behavior, user needs, and proposed changes.
Role
Senior Product Designer · Contract
Timeframe
2025–2026
Total Quality Logistics (TQL) — Screen Pop — Call-Handling Modernization

Capture the work behind an incoming call.

I documented the existing application and interviewed users about current behavior, friction, and useful features. The work included identifying callers and finding the order or other context needed during the conversation.

I organized research alongside the screens in Figma so designers, changing Product Managers, and development teams could refer to the same behavior and reasoning.

Original interview-summary board. It groups users, contexts, pain points, ideas, and open questions; the complete source remains available below.
Original interview-summary board. It groups users, contexts, pain points, ideas, and open questions; the complete source remains available below.

Preserve essential behavior within the modernization scope.

The immediate brief was to modernize what was already there. I translated the existing experience into Kendo components and separated changes within that scope from opportunities requiring a broader redesign.

This kept the implementation reference grounded in the familiar call-handling workflow.

Component and interaction-state inventory for the modernized calling application.
Component and interaction-state inventory for the modernized calling application.

One interaction pattern for carrier and customer calls.

I kept caller information, recent loads, and active loads in a consistent structure across carrier and customer tabs. The record type changes; the call-handling pattern stays familiar.

Carrier tab detail from the modernized design, including the match list and related load sections.
Carrier tab detail from the modernized design, including the match list and related load sections.Focused detail · Enlarge image opens the complete source board.

Leave an implementation reference the team can use.

The deliverables included modernized screens, components, state references, and legacy documentation alongside the research. That shared Figma reference supported communication across Product and Engineering as the work moved between partners.

Fix recurring problems without disrupting the sales floor.

Screen Pop on Ring was the telecommunications application used across the sales floor for carrier and client calls. Modernization had to fit the Kendo components available while avoiding an unnecessary shift in familiar behavior.

I captured recurring problems and user needs alongside the designs. I separated improvements within the current brief from future-state recommendations, leaving a foundation for the next designer rather than passing legacy friction into the new interface.

Supporting evidence 13 original artifacts

Complete boards and additional screens behind the selected details above. Enlarge any artifact to inspect it at full size.

Customer tab — comparison view

Customer tab detail from the original design board. The caller record and related loads share one view.
Customer tab detail from the original design board. The caller record and related loads share one view.Focused detail · Enlarge image opens the complete source board.

Interview summary and open questions

Interview summary and open questions. Original project artifact.
Interview summary and open questions. Original project artifact.

Legacy application inventory

Legacy application inventory. Original project artifact.
Legacy application inventory. Original project artifact.

Legacy caller-detail behavior

Legacy caller-detail behavior. Original project artifact.
Legacy caller-detail behavior. Original project artifact.

Pre-work research notes

Pre-work research notes. Original project artifact.
Pre-work research notes. Original project artifact.

Legacy screen and interaction mapping

Legacy screen and interaction mapping. Original project artifact.
Legacy screen and interaction mapping. Original project artifact.

Detailed legacy behavior notes

Detailed legacy behavior notes. Original project artifact.
Detailed legacy behavior notes. Original project artifact.

Legacy and modern component exploration

Legacy and modern component exploration. Original project artifact.
Legacy and modern component exploration. Original project artifact.

Legacy WinForms screens

Legacy WinForms screens. Original project artifact.
Legacy WinForms screens. Original project artifact.

Modernized screen overview

Modernized screen overview. Original project artifact.
Modernized screen overview. Original project artifact.

Modernized components and states

Modernized components and states. Original project artifact.
Modernized components and states. Original project artifact.

Employee and history tabs

Employee and history tabs. Original project artifact.
Employee and history tabs. Original project artifact.

Carrier and customer tabs

Carrier and customer tabs. Original project artifact.
Carrier and customer tabs. Original project artifact.