![Group 17250.png](https://static.wixstatic.com/media/543054_2b0c4e70ab414972950304ed64de93ad~mv2.png/v1/fill/w_980,h_309,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/543054_2b0c4e70ab414972950304ed64de93ad~mv2.png)
Overview
Saudi Telecommunication Company is the Saudi digital enabler of telecommunications services in the Kingdom of Saudi Arabia, and among the operators in the Middle East.
I was assigned to lead the redesigning of a legacy customer agent portal used by both retail and customer service agents. The portal's complexity and role-specific sections made it cumbersome for customer agents to perform their tasks efficiently. The aim was to provide instant access to critical information to agents, providing customised and accurate service to customers. With the right knowledge at their fingertips, agents can spend less time swiveling between tools and more time helping the customers.
My Role
UX design, UI design, Product strategy
Team
2 UX designers, Business Analyst, Development team
Duration
5 months
Why was this important?
By enhancing the Siebel legacy portal, the organization can offer immediate access to crucial information for their 10,000 agents, leading to enhanced customer satisfaction and business growth.
![image 2.png](https://static.wixstatic.com/media/543054_f49af0f81e5c4e04a9291a39f3c47bbe~mv2.png/v1/fill/w_889,h_415,al_c,lg_1,q_90,enc_auto/image%202.png)
The old version (The image is blurred due to privacy of the content
What business value would it provide?
This can result in faster resolution of customer queries, reduced wait times, and a higher volume of queries handled, all of which can contribute to the company's overall efficiency.
The outcome
![](https://static.wixstatic.com/media/543054_b0b549f555a247e785289cc3dd1be477f000.jpg/v1/fill/w_795,h_540,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/543054_b0b549f555a247e785289cc3dd1be477f000.jpg)
![Group 142454.png](https://static.wixstatic.com/media/543054_8fdc74eedd6745b98af9353a3d65cafe~mv2.png/v1/fill/w_400,h_234,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%20142454.png)
![ezgif.com-video-to-gif.gif](https://static.wixstatic.com/media/543054_f6d64ebb91474cd7aef9122655118ac3~mv2.gif)
Process
Timeline
The timeline includes the different phases of work done over a period. Keeping in mind the development efforts and the incremental change to shift the old system to a new environment we also had to devise a strategy as to which flows would have the first change
![Group 17251.png](https://static.wixstatic.com/media/543054_8385babb7e7e4313aa518cf66a72f3d5~mv2.png/v1/fill/w_1289,h_454,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Group%2017251.png)
Setting the context
Siebel and Tawasol: A customer service agent portal used by retailers as well as customer service agents to access various tools and resources needed to support and assist customers.
![Group 142451.png](https://static.wixstatic.com/media/543054_2b274e3a33a149e29e8ebea55eb570d4~mv2.png/v1/fill/w_97,h_73,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%20142451.png)
Creating Service Request
Creating service request, resolving them at different levels assigning and owning the SRs
![Group 142450.png](https://static.wixstatic.com/media/543054_3bea23f11af14fb5aa29b694958b031a~mv2.png/v1/fill/w_98,h_73,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%20142450.png)
Viewing Customer Details
Having a complete view of the customer details like the numbers, they own, the order history, loyalty point details and much more
![Group 142449.png](https://static.wixstatic.com/media/543054_5c6c53e4f616487fb98253f0177e0e3d~mv2.png/v1/fill/w_97,h_73,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%20142449.png)
Order to Completion Journey
The back office agents and retail agents have access to ordering phones and additional Value Added Services for the customer.
![Group 17254.png](https://static.wixstatic.com/media/543054_bb8e5bd938ec45abbd39cae8f7d66c57~mv2.png/v1/crop/x_70,y_0,w_2294,h_514/fill/w_1713,h_384,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Group%2017254.png)
Collaborating with the key players
We embarked on unique journeys to engage our clients, seeking valuable connections with key stakeholders and subject matter experts (SMEs). This approach allowed us to gain first-hand insights into the ground realities, providing us with a glimpse of the actual experiences and challenges faced.
![IMG_20220317_113512.png](https://static.wixstatic.com/media/543054_498b4af84a4c4e86ba75354c04abad67~mv2.png/v1/crop/x_0,y_2,w_677,h_424/fill/w_444,h_278,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/IMG_20220317_113512.png)
Contextual Inquiry and informal interviews
Understands process users’ responsibilities and the challenges associated with their day-to-day activities. Due to language constraints, we conducted interviews in Arabic.
![WhatsApp Image 2023-03-25 at 12.26.png](https://static.wixstatic.com/media/543054_b83d6a182d58426bae05bf1be66fde55~mv2.png/v1/crop/x_1,y_0,w_674,h_425/fill/w_442,h_279,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/WhatsApp%20Image%202023-03-25%20at%2012_26.png)
Understanding the current system with SME’s
We arranged multiple knowledge transfer sessions with the Subject Matter Experts (SMEs) to gain a comprehensive understanding of the current portal and the ticket changes that are received by the backend team.
What we found
![ezgif.com-crop (1).gif](https://static.wixstatic.com/media/543054_c5dac0dd1f6d491b9dc81719eda1cd27~mv2.gif)
Heavy legacy portal
Due to slow access to customer information and support resources, agents experience increased downtime when responding to customer inquiries, resulting in delays.
![](https://static.wixstatic.com/media/543054_26279739c333456190e9100ce9a0b9c2~mv2.gif)
Lack of complete customer details visibility.
The current portal lacks easy access to essential customer information, making it difficult for agents to assist customers quickly.
![ezgif.com-gif-maker (1).gif](https://static.wixstatic.com/media/543054_9a9785714e26400cb2079550975695c2~mv2.gif)
Standardized user experience for O2C
Inconsistent user experience between order to completion screens and other portal flows due to gradual development on existing Siebel systems.
![ezgif.com-crop.gif](https://static.wixstatic.com/media/543054_8b9996a9b3674e55936c4d7afd2018aa~mv2.gif)
Search Discoverability
The current search gave the user all the options available based on the number or name and the user had to sort through the information
Roles and Responsibilities
During the knowledge training sessions, we identified several roles and responsibilities within the system, but our focus was on targeting the users who could make the biggest impact. Therefore, we prioritized the key roles and responsibilities that were most significant for achieving our goals
![Group 17248.png](https://static.wixstatic.com/media/543054_0227c166990f4decb089b2576a97157b~mv2.png/v1/fill/w_249,h_344,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%2017248.png)
![Group 17249.png](https://static.wixstatic.com/media/543054_f819ad2e415648a5905294312e48cbcc~mv2.png/v1/fill/w_249,h_343,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%2017249.png)
![](https://static.wixstatic.com/media/543054_dfe2e4b4a53444a68bbc12bfad349431~mv2.png/v1/fill/w_249,h_343,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/543054_dfe2e4b4a53444a68bbc12bfad349431~mv2.png)
![O2C Journey V2.0-agent capture 1.png](https://static.wixstatic.com/media/543054_92b4d417d9144560baaebaa16aa5d107~mv2.png/v1/fill/w_837,h_309,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/O2C%20Journey%20V2_0-agent%20capture%201.png)
Restructured user flow to align all the stakeholders
As we were building onto a previous system and could not completely migrate the system in one go we created user flows along with the engineering team to understand which of the flows would be migrated to the new AEM Pega system. We also created a service blueprint to understand the complete system and it's needs
![O2C Journey V2.0-agent capture 2.png](https://static.wixstatic.com/media/543054_de47f1b8f9cb498cbe0997bdf8453267~mv2.png/v1/fill/w_824,h_309,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/O2C%20Journey%20V2_0-agent%20capture%202.png)
Ideation
![IMG_5323.jpg](https://static.wixstatic.com/media/543054_86b9a3bf76e1453dbb3fc8c40c78f2e7~mv2.jpg/v1/crop/x_28,y_84,w_2869,h_3743/fill/w_324,h_423,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/IMG_5323.jpg)
![IMG_5324.jpg](https://static.wixstatic.com/media/543054_f676c0518dec4b69b2552e97b7402fdc~mv2.jpg/v1/crop/x_0,y_83,w_3024,h_3949/fill/w_316,h_413,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/IMG_5324.jpg)
![24549af7-71f7-4063-9a31-90aed34ba97f.JPG](https://static.wixstatic.com/media/543054_1cf3c0380dfd409787b2c987167e24a0~mv2.jpg/v1/crop/x_62,y_285,w_389,h_323/fill/w_314,h_261,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/24549af7-71f7-4063-9a31-90aed34ba97f_JPG.jpg)
We created initial concepts and wireframes to test it and out and show it to our SMEs to get feedback to understand what works and what doesn't work. Based on their feedback we created a few more designs to share with the rest of the stakeholders and the development team to see what's feasible in the current timeline. We also ideated on how the screens would look in Arabic as a lot of agents spoke and used the Arabic version of the system.
Solution
![](https://static.wixstatic.com/media/543054_10c9849e66664d288787af8d6f27f858f002.jpg/v1/fill/w_738,h_463,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/543054_10c9849e66664d288787af8d6f27f858f002.jpg)
Customer 360
A comprehensive breakdown of customer information, allowing simultaneous viewing of details for different customer numbers. With prioritized and categorized quick-view formats, agents can make informed decisions facilitating Quick and Easy Customer Data Retrieval for Agents.
![](https://static.wixstatic.com/media/543054_e6012f05f0034c5fa994c0ed0dce2507f001.jpg/v1/fill/w_758,h_476,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/543054_e6012f05f0034c5fa994c0ed0dce2507f001.jpg)
Creating SR and assigning
Identify where forms and requirements collect data that aren’t used or needed for the process to work and creating a dynamic step by step SR request process.
![](https://static.wixstatic.com/media/543054_10c9849e66664d288787af8d6f27f858f001.jpg/v1/fill/w_738,h_463,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/543054_10c9849e66664d288787af8d6f27f858f001.jpg)
Building an effective and universal search
Search is one of the first main functionalities used by customer agents. The aim was to build an experience that lets the sent quickly scan through the search results and to reduce wait time.
![](https://static.wixstatic.com/media/543054_a7356aff552b4d08afd75d9615fbca49f001.jpg/v1/fill/w_650,h_408,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/543054_a7356aff552b4d08afd75d9615fbca49f001.jpg)
![](https://static.wixstatic.com/media/543054_f8f239a31e8b4a54a5197ce4677c46caf002.jpg/v1/fill/w_647,h_406,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/543054_f8f239a31e8b4a54a5197ce4677c46caf002.jpg)
Streamlining the Order 2 Cash Flow
Streamlined the end-to-end Order-to-Cash (O2C) journey within Siebel, ensuring consistency for front office agents. By eliminating the need for multiple applications, we consolidated the fragmented process, making it seamless to create requests and orders for customers in a single, unified portal. This transformation was crucial in enhancing efficiency and providing a cohesive experience throughout the O2C journey.
Key Performance Indicators
- Average handling time for a call reduced from approximately 3 minutes to approx. 2.20 minutes for simple requests
- A significant decrease in Service Request created as they were resolved through trouble shooting first and if not resolved on call then an SR was created
- The website load time decreased by 36% as the screens were created based on role-specific and the fields were dynamic.
User testing
- Right before we got a chance to conduct informal interviews we
created a set of wireframes/iteration based on our understanding and the initial information provided o us by the stakeholders involved in the process.
- We re-iterated those designs after collaborating with the key stakeholders and would like to put them to test again.
![IMG_20220315_172358_Original.jpg](https://static.wixstatic.com/media/543054_ce64d5f00ad3492b92e4964a99bd2503~mv2.jpg/v1/crop/x_149,y_0,w_2027,h_3810/fill/w_326,h_613,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/IMG_20220315_172358_Original.jpg)
![IMG_20220329_160951_Original.jpg](https://static.wixstatic.com/media/543054_0ec6a2a92f774dfc9a2e51cb34ede6e4~mv2.jpg/v1/crop/x_0,y_454,w_2176,h_4154/fill/w_319,h_609,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/IMG_20220329_160951_Original.jpg)
![IMG_20220402_234537_Original.jpg](https://static.wixstatic.com/media/543054_eb6e65ff11c34d668e1859f584ac75fd~mv2.jpg/v1/fill/w_288,h_610,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/IMG_20220402_234537_Original.jpg)
Learnings and Challenges
- Being in an Arabic-speaking country I had to learn as to how their systems are designed and specifically come up with examples that they could relate to.
- This was one of the first project where we constantly iterated even before conducting Interviews. It taught me to understand the systems independently and test and fail early.
- One of the main learning was understanding their culture and adapting to their working style.