![Banner.png](https://static.wixstatic.com/media/9e56de_007a549df9dd4cea8c283904326d39cd~mv2.png/v1/fill/w_962,h_398,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/9e56de_007a549df9dd4cea8c283904326d39cd~mv2.png)
Livechat Dashboard
Engagely.ai is a conversation AI Product that helps businesses make their chatbots, voice bots, and social media bots. It has an extended product called LiveChat. Using LiveChat, the business’s customers can connect directly to human agents in case the bot is not able to answer any questions.
About
My role
User Experience Design
Data Visualization
UI Design
Tools & Technologies
Adobe XD
Duration
2 months
Problem Area
The platform was plagued by long queue lines, inefficient query resolution, misallocation of agents to unfamiliar fields, agents taking breaks while customers wait, underutilization of chat resources, receiving queries outside of business hours, and customers experiencing dissatisfaction due to unfulfilled expectations.
How might we
reduce customer wait time, improve query resolution time, increase chat utilization efficiency, and minimize transferred chats and calls?
Solution
Gather data
Collaborate with data analysts on the different types of data that was received on the back end.
Design & iterate
Work on lo-fi wireframes and visual designs to show data in the best possible way for maximum insights
Measuring success & impact
Based on the goals set in the initial stages, we measured success for the 2nd phase by comparing it with data from the MVP 1 phase
Visual Design
Metrics were divided into two parts: Real-time (kept updating every minute) and Historical.
![ManagerAnalytics_Chats_Realtime.png](https://static.wixstatic.com/media/9e56de_b8c463a105c74eaaa4d1b9be36a0002c~mv2.png/v1/fill/w_570,h_422,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ManagerAnalytics_Chats_Realtime.png)
Real-time dashboard
Aims to reduce wait time when a customer waits for a time limit above the specified time (option to customize this on the portal). Sends a notification to the manager if an agent was not responding within the time limit. Aids manager to go to the chat and take actions like assigning chats to someone else, reply to the chat, etc.
Historical data - Response trends
Average First response time, Response time and Resolution time which could be filtered by time. team, agent and channel
![ManagerAnalytics_Chats_ChatHistory_ResponseTrend.png](https://static.wixstatic.com/media/9e56de_b1d16c689b4b4db89cfa999cf6d3f145~mv2.png/v1/fill/w_457,h_318,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ManagerAnalytics_Chats_ChatHistory_ResponseTrend.png)
![ManagerAnalytics_Chats_ChatHistory_ResponseTrend_24HR.png](https://static.wixstatic.com/media/9e56de_fef1b05fc8b944d9a69f99d7407b8106~mv2.png/v1/fill/w_457,h_318,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ManagerAnalytics_Chats_ChatHistory_ResponseTrend_24HR.png)
Historical data - Agent Performance
The manager is also able to see each agent’s performance for the time period like the assigned chats, avg response, resolution, wait time of the agent, no of chats assigned, efficiency, the CSAT score given by the customer to the agent, etc
![ManagerAnalytics_Chats_ChatHistory_Chatwisedata.png](https://static.wixstatic.com/media/9e56de_7cf7ebfb8e344771ba640faf145645f6~mv2.png/v1/crop/x_0,y_0,w_4098,h_2305/fill/w_779,h_438,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ManagerAnalytics_Chats_ChatHistory_Chatwisedata.png)
Player game screen
Question with answers written in white cards are given to players to select from. A timer to reduce the wait time is given to all the players.
Leaderboard
Leaderboard can be seen by dragging the bottom layer and the leaderboard can be seen easily with the person having the highest points at the top.
Historical data - Agent Activity
The agent’s activity like the time online, offline, on break and idle was shown per day
![ManagerAnalytics_Chats_Agent_AgentActivity.png](https://static.wixstatic.com/media/9e56de_edb6a0839d954ec4a799277082f4ace6~mv2.png/v1/crop/x_0,y_102,w_4098,h_2305/fill/w_779,h_438,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ManagerAnalytics_Chats_Agent_AgentActivity.png)
Queued Customers
The agent’s activity like the time online, offline, on break and idle was shown per day
![ManagerAnalytics_Calls_Queue_QueuedCallsCustomers.png](https://static.wixstatic.com/media/9e56de_2981f1dcd981445c970383ef4f8918ea~mv2.png/v1/crop/x_0,y_0,w_4098,h_2307/fill/w_780,h_439,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ManagerAnalytics_Calls_Queue_QueuedCallsCustomers.png)
![Voice Call_sentiment.png](https://static.wixstatic.com/media/9e56de_2bfa9c5dca694c94aea4533c478f135b~mv2.png/v1/fill/w_596,h_335,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Voice%20Call_sentiment.png)
For the agent
Another part of the solution was for the agent. We tried to map the sentiments of the customers who were talking to the agent as well as the sentiments of the agent who replied to the customers. Angry, happy, sad, and neutral were the basic sentiments. This helped the agent understand how to react to a particular customer. This also helped the manager analyze if the agents are responding appropriately.
Impact
30%
Reduction in resolution time
24%
Average session time reduction
80%
CSAT score above 4/5