2023 ・UI design

Webex User Hub- Subscription setting

Catalog

  • Why

  • Business goal

  • Challenges

  • Design process

  • Results highlights (Prototypes)


Why

To enhance the feature management experience across all services—including calling, meetings, devices, and messaging—my team and I launched a new Webex portal (User Hub) that consolidates relevant settings and functions into a single, convenient platform for all user types.

For the subscription management page, I established a clear design vision that supports all Webex paid services and plans, incorporating visual illustrations aligned with the current Webex design system.

Smaller the gap · Roll out efficiently · New visualization

Business Goal

As the subscription management page introduces a completely new concept for our existing users, its functionality significantly diverges from the current Webex setting platform's user experience. In phase 01, our top priority is to establish a solid foundation and enhance the visibility of this concept. Our strategy involves a gradual transition of user experience from the old features to this new concept. This approach aims to bridge the gap between the old and new portals for users while ensuring an efficient release of the new feature. Continuous iterations are planned to further enhance the UX and realize our NorthStar design in the future.

Challenges

“It's a significant cross-team project where we are tasked with integrating a new component library into our design workflow and collaborating with a remote engineering team in a different time zone.

It’s a brand new feature from our current system-

Incorporating the new subscription management function into the Webex system involves the development of bespoke components and illustrations designed to meet its unique demands. Throughout this process, we ensure these elements adhere to the global styling guidelines to uphold a consistent visual identity. Furthermore, a significant portion of our efforts has been dedicated to thorough competitor research and analysis, guaranteeing the delivery of a user-friendly design that distinguishes itself within the realm of similar features.

Final Design



Layout and UI components

01

To maintain the consistency with current Webex app setting option, I designed versions of the page for both light and dark modes.

final_design_img

New illustrations for each plan

02

I crafted illustrations for each Webex plan and add-on in alignment with the styling set by the Webex visual team.

END



All UX Projects

Empathic

Aesthetic

Efficiency

Empathic • Aesthetic • Efficiency •