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.

 

Product Design Role

Lead UX/UI Design

Teams and Stakeholders

  • Customer Success Representative

  • Product Designer

  • Product Owner

  • Quality Assurance Engineer

  • Senior Director, Product Management

  • Software Engineers

Platforms

  • Webapp (learning platform)

  • Console (admin platform)

  • BluePrint (content management platform)

  • Learning Hub (learner-facing course management platform)

Timeline

  • Design delivery: 8 weeks

  • Customer launch: February 8th, 2024

Screenshot 2023-11-30 at 3.09.02 PM.png

Identified Problems

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, such as sending banner messages, direct messages, and emails to end users.

1. Parity with the legacy
It 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
The three projects—banners, direct messages, and emails—were implemented over four months. However, the design had to ensure uniform consistency across all projects with minimal adjustments ahead of the implementation refinement sessions.

Success Criterias

The goals of this feature are to help customers seamlessly migrate to the new system, identify and address most use cases before the design phase to avoid rework, and support engineers by creating reusable components to reduce implementation time.

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