How to Transform B2B SaaS UX: Lessons from a Conference Translation System Redesign

Introduction

The "Conference Translation System" is an intelligent meeting‑recording product for enterprises and government agencies that converts speech to text. This case study summarizes design experiences and methods for B2B tool‑type products, aiming to help designers add value and empower business.

Finding Design Touchpoints

In B2B projects designers must engage the entire customer‑service workflow—pre‑sale, during‑sale, and post‑sale—to deliver end‑to‑end experience design.

Pre‑sale : Conduct early communication, showcase core capabilities, and deliver a POC to align with customers and win the project.

During‑sale : Clarify requirements, design product experiences, and participate in delivery to exceed expectations.

Post‑sale : Follow up feedback, iterate continuously, and validate designs to keep the product improving.

Product Experience Design – Methodology

Empathetic Scenarios

The product shifted from external conference venues to internal office meetings, prompting major UI updates.

Color : Moved from dark to bright palettes to match brighter office lighting.

UX Language : Changed from technical jargon to universally understandable wording.

Text Display Mode : Switched from single‑sentence display (suitable for real‑time subtitles) to paragraph mode for editing meeting minutes.

Client Size : Expanded the editing area to accommodate full‑document review.

Operation Bar Position : Relocated from bottom to top to remain visible on larger screens.

Simplified Interaction Paths

One‑stop Operation : Collapsed the file list into a left‑side navigation, allowing users to switch tasks and edit content within a single level, reducing navigation overhead.

Reduce Waiting Nodes : Consolidated multiple single‑thread operations into a single multi‑thread control, cutting the “wait‑operate‑wait‑operate” cycle to a single wait‑operate sequence.

Clear Information Delivery

To handle large information volume and deep hierarchies in B2B, three layout principles were applied:

Use a grid system to allocate horizontal space rationally.

Establish a spacing system (4, 8, 12, 16, 24, 32, 48, 64 px) to create clear visual hierarchy.

Define adaptation rules based on a 1440 × 900 baseline canvas, ensuring minimal deviation between design and implementation.

Text readability improvements include sufficient contrast, optimal line length (60‑120 characters), monospaced table numbers, and visual emphasis through contrast.

Design Validation

Because B2B projects often have limited direct customer interaction, three validation approaches were adopted:

POC Stage : Low‑fidelity demos verify overall product framework.

On‑site Delivery : Gather real‑time feedback during deployment to ensure usability.

Iteration Phase : Conduct user interviews and usability tests to refine designs.

Conclusion

The system was first delivered in July 2020, improving user efficiency and satisfaction. In April 2021 the “Automatic Meeting Minutes” feature launched on Tencent Meeting, reaching a broader audience. The redesign demonstrates how B2B designers can empower business by enhancing product experience, collaboration efficiency, and project delivery.