Role

Design system
UX/UI

Client

Contact Center services startup

Team

Crystal, Emma, Parvath

Overview

A leading provider of contact center solutions aimed to enhance its multi-channel platform by introducing Email as a new customer support channel. Email offered key advantages such as 24/7 accessibility for end users and cost-effective operation and maintenance. This new channel elevated both the customer and agent experience by merging the familiarity of traditional email with the efficiency and power of purpose-built contact center tools. The design lead designed the initial screens and passed the torch to me to lead the email app design from then on.

A laptop with the email app open

Objective

Provide a tool that allows agents and end consumers to communicate through the email channel including basic traditional email features with the added power of built-in contact center tools.

Discovery

Due to budget and time constraints, I could not perform a full discovery and research process. The product manager handled general discovery and shared their insights with me.

Along with internal insight, users were providing feedback on what they dislike about the product offerings via  G2, a B2B software and services review platform.

"lack of email channel, and more advanced workflow"

- Verified User in Health, Wellness, and Fitness (8/29/2022)

Challenge

Traditional email clients lacked workflow tools required in a contact center setting such as the ability to check their email status, re-assigning emails to another agent, and more. We needed a solution that would combine the ease of email with robust enterprise contact center systems and the addition of AI-powered tools.

Research

Since I didn't have experience designing an email experience, I performed an indirect competitive analysis of other communication apps. I researched apps like iOS/MacOS Mail, Gmail, Outlook, and Yahoo. I took note and captured behaviors to find common patterns between them with extra interest in how email threads and lists were structured.

Solution

Our goal was to keep the interface intuitive and familiar by leveraging standard patterns found in common email clients, while seamlessly integrating essential contact center features to support agent workflows. Key features included:

Queue and agent assignment

Easily route emails to the right teams or individuals with a one-step process that automatically forwards emails. This removes the pain point of manually entering emails to forward especially with multiple queues with different emails.

Email status tracking

Monitor email session progress to ensure accountability. This helps supervisors and agents keep track of emails that need a response or have become inactive with unresponsive customers.

Professional messaging tools

Spell check, rich text formatting, embedded objects, and file attachments to ensure professional messaging.

Efficiency enhancers

Dynamic tagging, Auto-responses, and templates. We believed this would increase the speed of agents to write response emails with consistent layouts and data.

Key email screens

Feature Highlight: Search and Task Toolbars

Agent initially faced challenges in locating specific emails, especially during high-volume periods. Manually scrolling through extensive email lists led to delays and inefficiencies. To address this, the team introduced:

  • Keyword, email address, agent name, and session ID search capabilities
  • Multi-parameter queries for names, emails, and session IDs

While the original idea involved only adding a search bar to the existing toolbar, I proposed a more scalable solution by introducing a secondary toolbar dedicated to task-specific email actions. The result was a clean separation between global search and task-oriented list controls.

Results and Impact

Customers gained a familiar and acessible channel, boosting satisfaction and acessibility

Enhanced tools and smarter workflows reduced time spent per session and improved response conssitency

The architectural decisions made around tools and UI structure laid a solid foundation for future feature expansion

Due to the fast-paced startup environment, I don't have numerical metrics for the impact of the email app. However, I have pulled an AI overview of user reviews for all our products including email. These reviews are pulled from G2, a B2B software and services review platform.

See the design system and related projects

Button component variants

Omnichannel Design System

An omnichannel and multi-platform design system for a CCaaS B2B startup

Agent Mobile App

Product UX/UI of a multi-channel mobile app for a CCaaS B2B startup

Chat Messaging and Voice Apps

Product UX/UI redesign of two web apps for a CCaaS B2B startup

Dekstop screen

Agent Desktop App

Product UX/UI of a multi-channel desktop app for a CCaaS B2B startup

View all projects