Modernizing ON24's SaaS Analytics Interface

Client: ON24

Role: Senior UI/UX Designer

Tools: Figma

Introduction

ON24 is a leading Software-as-a-Service (SaaS) company specializing in webcasting and virtual event solutions. Their platform empowers businesses to create, host, and manage interactive and engaging online events, webinars, and digital experiences, providing comprehensive analytics and insights to drive marketing and sales effectiveness.

The Challenge

ON24’s Analytics web app had an outdated interface that didn’t meet the needs of their diverse customer base. The goal was to modernize the interface, add new data panels, and introduce customizable features while maintaining a clean style.

The initial design was not only visually outdated but also lacked the flexibility to accommodate various user requirements.

Research and Ideation

Before starting the redesign, I researched several competitors with analytics dashboards, such as Salesforce, Hopin, GoToWebinar, and Webex. I also drew inspiration from data visualization concepts on Dribbble.

Design and Prototyping

Using Figma, I created new visuals and added features like draggable, resizable panels. The initial redesign was a “safe” option for easy developer implementation while a more complex solution was being developed.

Final Redesign

The final UI overhaul included significant style updates and new functionalities, such as customizable data panels with menu options for resizing, removal, and repositioning. An Edit Mode was also introduced, allowing users to drag, resize, or remove panels quickly.

Color Explorations

Explored different color themes, including a Dark Mode, to enhance user experience and offer more customization options.

Results

The stakeholders were extremely pleased with the redesign deliverables, which were sent for user testing. The new look and feel received positive feedback, particularly the customization options.

The redesigned UI was then submitted to engineering for review and implementation.