Modernizing ON24's SaaS Analytics Interface

Client: ON24

Role: Senior UI/UX Designer

Tools: Figma

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.

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.

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.

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.

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.

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

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.