Admin Portal Homepage Redesign

Redesign the user experience for landing experience for 50k admin users

Type

Project walkthrough

Timeline

2022.7 - 2022.9

Application

Web application

Type

Project walkthrough

Timeline

2022.7 - 2022.9

Application

Web application

Background

Current admin portal homepage has limited features with outdated and static information. It brings limited value to customers and is a waste of the screen real estate.

RingCentral Admin Portal is where the admins of RingCentral customers manage their UCaaS(Unified Communication as a Service) system to support company-wide communication. Nowadays, the current admin portal homepage has limited features with outdated and static information. It brings limited value to customers and is a waste of the screen real estate.

My role

As an end-to-end product designer, I teamed up with product manager in US to conduct the admin portal NPS research in the initial discovery phase. After collecting the insights from the research projects, partners with the product owner in US and local PM in Hangzhou to convert insights into design solution.

Role

As an end-to-end product designer, I teamed up with product manager in US to and local PM in Hangzhou to conduct the admin portal NPS research. Afterwards, I explored the concepts of through a human centered design process partnering with Product manager in US and local PM in Hangzhou.

Problem

Why we initiate this project?

Usage aspect: admin homepage has limited engagement

Since homepage get updated in 2020, except for the quick access that has some usage, the rest has almost 0 engagement based on data.

Based on data, admin homepage has limited engagement

Since homepage get updated in 2020, except for the quick access that has some usage, the rest has almost 0 engagement.

Business aspect: The homepage layout is static

It's really hard for RingCentral to make partial update for the homepage because it's fixed

Content aspect: All contents are generic

There's no personalized content for different customers

TOP 1

Hard to navigate and find things

5.5% of detractor complains specifically about navigation; TOP 4 (exclue support)

“It's quite difficult to navigate. The most useful functions are quite hidden.”

“Hard to navigate website”

"Nothing is simple to find!"

Lack of tutorials

0.07% of detractor complains specifically about lack of tutorial;

"Training modules would be helpful."

"Training is the pits! We purchased the software about a year ago and STILL have problems learning how to do basic stuff."

"Difficult to change settings and difficult to find information with instructions to do so. Could be more user friendly."

Lack of communication

""Changes to admin panel happen, no info is released on it, button you use to use is in a different menu, so enjoy this months scavenger hunt to find it!" "

Based on NPS research, admin homepage is hard to find things, lacks tutorials,

Since homepage get updated in 2020, except for the quick access that has some usage, the rest has almost 0 engagement.

These issues won't be addressed by the homepage redesign, but they will be the key areas for us to focus.

Synthesis

How we kick off the redesign?

For this redesign project, we take it as a great opportunity to elevate the overall user experience of the whole platform. As for the first step, we get our discovery started focusing on figuring out the user pain points and the business vision.

We constantly collect NPS(Net Promotion Score) comments to keep user feedbacks tracked. We send out emails to those who left comments about admin portal, and conducted interviews with them to dig deep into the context of the comments. During the interview sessions, we reserved a session for the expectation of the homepage. We totally made 10 feedback sessions.

We also scheduled talks with different stakeholders about the business vision, and the possibilities of the new technology stacks.

+Add

As a result of synthesizing, we believed making the homepage a widget-based dashboard is the right direction for us.

Think big, define the vision

Benefit the business

RingCentral could make partial change without impacting the overall layout.

Benefit the users

Users will be able to customize their homepage.

More flexible tech framework

Engineers can update the new tech framework without touching the main app.

Selected

  • Optimized width for individual widget


  • Simpler


  • No great support for the responsive layout

Design Part I: Explore the layout

Not selected

  • Better for the responsive layout


  • Not optimized width for individual widget


  • Too complex

Design Part II: Build the widget library

As for the actual widgets, we conducted rounds of brainstorming and iterations aiming to come up with a list of candidate dashboard widgets.

Widgets solving NPS problems

Widgets as UX delighter

Widgets bring upselling opportunities

Design Part III: Design the default homepage

Firstly, we categorize the space for homepage and try to come up with the best allocation. We argued with Product Owner again and again to minimize the promotional stuffs and focused on solving NPS problems and UX delighters.

Final Design

Design to be added

Goal

We want to create a new landing experience that are role based, customizable, action driven dashboard that helps user to do their job faster and easier.

Solution Overview

The overall flow is aiming to provide clear path to admins with different needs.

Insightful

Info to bring confidence and excites users with what we offer

Actionable

Take actions right away to do their jobs

Personalized

Information and actions that met them at the right place

Key Screen

We brought these changes to the homepage:

  • In the new homepage, we are trying to guide the focus of admins to the unfinished tasks they left over.

  • The sections in the homepage dashboard could be customized by clicking the "edit" or "add widget".

  • The previous static "Quick access" has been changed to be a personalized quick access panel for individual admins.

  • We actively communicated the most recent product updates to customers so they will get informed about the product updates.

  • We displayed the tutorial in a more friendly way so that customers can take a better advantage of these materials.

More details?

Adjust the browser width to be bigger than 1440px to read the detailed case study.

View the next project

Up next

Preview Available

Mobile Web Redesign

Redesign the mobile version of Admin Portal to refresh the outdated UI style and improve scalability

2022.Q3

Preview Available

Mobile Web Redesign

Redesign the mobile version of Admin Portal to refresh the outdated UI style and improve scalability

2022.Q3

Back to All Projects

2022

Xiamen, Fujian