top of page
Wireframe 57.png
circle.png

Infinitel's Customer Self-Service Enhancement

Enhancing and redesigning a customer self-service platform, integrating generative AI for the ultimate seamless experience

Wireframe 64.png
Wireframe 33.png
phones mockup.png

Product

InfiniTel’s Customer Self-Service Platform (Telecommunication Service)

Role

UX/UI Designer, UX Writer

Project Overview

InfiniTel has its objective to build strong relationships between customers through online customer self-service platform in order to reduce the strain on call centre which currently includes and is characterised by long waiting times, unhelpful representatives, and poor communication.

This project is to enhance the customer service to efficiently provide effective resolutions and sufficient communication for users, which also encourages in productive user interactions.

Responsibility

  • Contributed design solutions for both new user experience and user interface to improve a customer self-service, integrating Generative AI

  • Enhanced design layout and content of the existing journey to be less complicated and distracted, ensuring users can solve their issues immediately

  • Created microcopy throughout the whole experience

  • Researched, strategised, and analysed business objectives, user concerns, user expectations, and competitors to understand core problems of the existing journey and what can be improved

  • Conducted user interviews, user personas, user journey mapping for product optimisation and the most efficient design solutions

Development

  • Developed knowledge regarding customer service/help support, and Gen AI technology

  • Improved understanding in the industry of telecommunication service

  • Learned how to work independently and individually in a very short period of time

  • Explored a wide range of target groups of telecommunication service

Tools

Figma

Duration

48 hours

Researh, Competitor Analysis &
Design Solutions 🎯

A deep dive into UX research and design, showcasing methods, processes, and user insights. Explore pain points, personas, and key opportunities that shape intuitive solutions for a seamless user experience.

User Flow Overview

infinitel flow.png
Business Objectives.png
User Objectives.png
User Research_User Personas.png
User Research_User Persona 1.png
User Research_User Persona 2.png
04 Competitor Analysis.png
Competitor Analysis.png
ais.png
grab.png
shopee.png
Frame 1597880514.png
Frame 1597880515.png
User Research_Journey Mapping.png
Frame 1597880516.png
Design Style Guide.png
typography.png
visual.png

Customer Self-Service Journey Enhancement ⭐️

Explore final high fidelity design solutions for Infinitel's customer service enhancement that is convenient, easy, and helps users complete tasks the fastest.

Customer journey

This section includes a new user journey with unique stages that tackle user pain points of taking long time waiting for phone call for customer service support. The opportunities for development are listed in the blue box section below the screens in the flow.

infinitel flow.png

High Fidelity Screens

This section includes high fidelity screens that demonstrate every key stage of users entering customer service site of Infinitel. Users will find solutions to solve their issues by exploring frequently asked questions (FAQ) section and reading useful articles of common issues, and chatting with trained AI personal assistants before reaching out to the real human assistants by chats and phone calls. The phone call menu is still there, yet it will be hidden to the last page of each FAQ section, in order to reduce the traffic of customer service.

Users can find chat assistant profiles created to solve unreliable issues from users, and to reduce the concerns that AI chat assistant is robotic and not helpful. Here, I provided the reasons users have rated for the AI chat assistants to ensure that Infinitel's customer service is useful, fast, and convenient for users to resolve their issues, without the need of contacting the real human assistant.

Loading Screen

Frame 1597880504.png
Infinitel_Loading Screen.png

Home

Infinitel_Home.png

01 Locate ‘Support’ menu in the middle of the navigation bar of the screen to demonstrate that InfiniTel is a customer-driven telecom service

02 Improve and organise content on the landing page to be neater and cleaner which makes it easier to focus, skim, and understand

03 Display a dashboard on the top to inform necessary data to users, also, remind what’s important to do/plan further

04 Arrange everyday essential menus as Quick Menus in the middle so that users don’t have to spend time finding them

05 Cross-sell personalised packages to users based on their activities, using personalise communication

Help Support Landing

Help Support Landing (Recognition Search)

Infinitel_Help Support Landing (Search issues).png
Infinitel_Help Support Landing.png

Help Support Landing (Unread Messages)

Infinitel_Help Support Landing (Unread Messages).png

01 Include a search bar with a placeholder text so that users can search for their problems immediately

02 Users are able to search by voice

03 Use personalised, friendly communication to make users feel they’re recognised and build relationship with them

04 Put user current services on the top so that users can choose which products/services they need help/resolutions

05 Add personalised issues based on user existing behaviour/products of the service, using Generative AI

06 Provide a list of categorised topics for users to easily select and find solutions in a short time

07 Users are able to change language anytime during the journey

08 Include a recognition search which display an issue category and specific topic relating to the keywords input, so that users can jump to the help articles right away.

09 In case of users having unread messages from the chat, there will be a pop-up telling users they still have ongoing conversation to resolve.

Select a Support Topic

Infinitel_Pre-Paid & Post-Paid Packages.png

01 Add personalised articles with visual elements on the top to suggest common topics and tone down seriousness of the support service, similar to reading online journal

02 Narrow down topics regarding the issues

03 Provide other engaging help articles that would help users find solutions easier and faster

04 Users can still search for topics they’re looking for throughout the journey

Select More Specific Topic

Infinitel_Post-Paid customers.png

01 Narrow down the topics and increase specificity and preciseness for each topic so that users can have the most accuracy of solutions

02 Users can still search for topics they’re looking for throughout the journey

Read the Help Article

How to check my current packages_.png

01 Display user engagement via reviews from other users in the community

02 Display time of each reading for an article for users to expect

03 Organise content in sections and add visual elements to breakdown overload information, and reduce seriousness of help support service

04 Provide different support channels for users depending on their convenience incase the current solutions are not sufficient (articles, chat, call)

05 Users are able to change language anytime during the journey

Chat with Customer Assistant

01 Use AI as a chat assistant to help predict questions asked by users, analyse precise user problems, and provide accurate solutions, even if some are not stored in the database of the company.

02 Use friendly and humanised tone of voice so that users don’t feel they’re talking to a bot

03 Include a placeholder text to give a clue for users to type

04 Bad eye-sighted users can tap a speaker icon to read the text out loud

05 Users are able to add attachments to support their issues in the chat

Support Chat 1.png

Chat with Customer Assistant #2

Support Chat 2.png

01 Use AI as a chat assistant to help predict questions asked by users, analyse precise user problems, and provide accurate solutions, even if some are not stored in the database of the company.

02 Use friendly and humanised tone of voice so that users don’t feel they’re talking to a bot

03 Include a placeholder text to give a clue for users to type

04 Bad eye-sighted users can tap a speaker icon to read the text out loud

05 Users are able to add attachments to support their issues in the chat

Tab 'More'

Support Chat.png

01 Add a menu bar that users can end the chat, export chat history, and view the profile who they are taking to which makes a chatbot more humanised.

02 The chat history will be stored in the database that users can revisit to see solutions or resolved problems anytime

Chat Assistant Profile

Chat Assistant Profile.png

01 Add characteristics and work profile to the chatbot, making it more humanised and trustworthy.

02 Users can see their past reviews, which encourage positive viewpoints to the service and brand

Rate the Service

01 Users can review the customer support so that the service can keep track of future improvement

02 Users feel that they are valued and feel their opinion matters

03 The rating will link to the chat assistant profile to gain trust from users

Rate the service.png

Rate the Service

Rate the service-1.png

01 Add a modal for appreciation along with visual elements to make users feel delighted that they are taken care of

01 Users can add additional comments for the service

Rate the Service

Rate the service-2.png
bottom of page