Console: Communication Suite

The Communication Suite enables both interpersonal and broad communication capabilities, both within and outside the platform. This is achieved through an improved and user-friendly self-service interface, ensuring end-users can actively align with platform admins.

 

Role

Lead UX/UI Design

Platforms

  • Webapp (learning platform)

  • Console (admin platform)

  • BluePrint (content management platform)

  • Learning Hub (learner-facing course management platform)

Screenshot 2023-11-30 at 3.09.02 PM.png
 

New opportunity

In this project, the Product team aims to phase out the legacy admin tool and transition all customers to the new admin tool, Console. The primary focus is on supporting various communication features like sending banner messages, direct messages, and emails to end users.

Despite both platforms being admin-facing applications, Console introduces distinct hierarchy concepts and utilizes different system libraries.

As a result, the design must guarantee a seamless transition for legacy tool users to the new tool. Additionally, the design should prioritize crafting reusable components for the entire communication suite to minimize implementation time.

 Challenges

1. Parity with the legacy

The design should recognize that Console must maintain legacy functionalities while integrating seamlessly with the Console system.

2. Different libraries components

End users will encounter various platforms with different system libraries based on their access permissions, leading to potential UI discrepancies.

3. Quick implementation

Each of the three projects—banners, direct messages, and emails—was implemented over a three-month period. However, the design had to ensure uniform consistency across all projects with minimal adjustments ahead of the implementation refinement sessions.

Screenshot 2023-11-30 at 3.09.02 PM.png

Console: Communication Suite

 

User flow

The user flow/user journey played a pivotal role in this project. The design team dedicated a significant amount of time collaborating with Product and Engineers to ensure comprehensive coverage of all requirements, new features, scope, and feasibility.

 

Reusable components

 
 

Noting inconsistent UI

BenchPrep employs two distinct system libraries, Bootstrap and Material Design, resulting in a distinct UI for the banner component. While it is ideal for a designer to aim for consistency, it's essential for designers to balance aspirations for uniformity with an understanding of the current possibilities and future deliverables.

 

Result and Lessons

Strategic planning and alignment were crucial in this project, underscoring the significance of pre-planning and comprehending the user journey when implementing similar functions independently. The proactive alignment of stakeholders before sharing with engineers enabled anyone to address questions or identify potential oversights. This project presented an excellent opportunity for the Product team to explore new possibilities in how a feature can interact across multiple products within a single project chain. Moving forward, gathering customer feedback will be essential for refining and improving the features.

 
 

See more works

 
Screenshot 2023-11-30 at 3.09.02 PM.png