B2B Client Portal Redesign
B2B · Web Application
2023
About Hong Kong
Broadband Network
HKBN Ltd., a prominent Hong Kong-based Internet, communication, and telecommunication company, is widely recognized through its subsidiary, Hong Kong Broadband Network Limited.
Project Overview
This project focuses on a one-page redesign, specifically honing in on the user-centric aspect of self-selecting monthly plans. In light of extensive competitor research, the goal is not to overhaul the product but to fortify how it is presented to clients. The existing UI/UX of the HKBN Sim card product page posed challenges—15 different plans made it cumbersome for users to compare. The objective is to rebrand the sim card plans and revamp the selection flow, empowering users with a sense of autonomy—akin to offering a basic plan as a foundation, with the flexibility to upgrade or downgrade components.
Discovery Phase
The discovery phase delved into a meticulous user analysis of the existing website, highlighting gaps in information that made it difficult for clients to understand the advantages of various plans.
Problems
Lack of satisfaction: Messy content layout on the existing website.
Lack of clarity: Couldn’t understand the benefits of different plans.
Difficulty for clients in comparing various plans.
Solution
Implement a user-centric approach, allowing clients to choose plans based on their needs.
Showcase the benefits of joining a plan, incorporating discounts on various platforms.
Develop a redesigned selection flow that simplifies plan comparison.
Goals
Redesign the selection flow for a more user-centric experience.
Showcase the diverse benefits of joining a plan, extending beyond the mobile plan.
Final Deliverables
UX Design on Monthly Plan Selection
The UX design phase materialized in the creation of a customizable form for users to tailor their mobile plans. Options include choosing internet speed, monthly BG quota, and adding Greater Bay Area data. Noteworthy benefits, such as 14 days of free Global SIM travel data, global talk+ (free client calls back to Hong Kong), and HKBN Safe, were incorporated into the form to accentuate their value to users.
Figma Showcase: https://www.figma.com/file/XyYPG4ePF1M1O6BangL6Jj?type=design&node-id=1%3A1220&mode=design
