top of page

Webinar System Design

As part of Pluralsight's company-wide rebrand, I led the visual direction for our webinar ecosystem—creating a flexible design system that unified multiple webinar series, elevated our subject matter experts, and reduced production time across marketing and development.

role.

Senior UX Designer

timeline.

Q4 2025 – Q1 2026

outcome.

6x YoY pipeline growth in Q1 of 2026

The Challenge

Prior to Pluralsight's rebrand, our webinar experiences were fragmented. Three flagship webinar series—Tech Talk, Insights to Impact, and Elevate & Innovate—along with standalone webinars all looked and behaved differently.


The inconsistency weakened brand recognition, made production inefficient, and created unnecessary work for both designers and developers. At the same time, our creative team had been reduced in size, making scalability just as important as visual quality.

PS-Webinars-2.png

We needed a system that could:

  • Align every webinar with Pluralsight's new visual identity

  • Differentiate each webinar series without feeling like separate brands

  • Be accessible across every marketing channel

  • Reduce production time through reusable templates

Exploration

Rather than assigning a single direction, our creative team explored multiple visual concepts. Each designer developed a unique approach for how the webinar ecosystem could evolve within the new brand guidelines. My concept was ultimately selected as the direction that best balanced accessibility, consistency, and scalability.

PS-Webinars-1.png
The Solution

My approach centered around a simple, modular design language that could scale across every webinar experience.
 

  • Bold brand color
    Each webinar series received its own signature background color pulled directly from the refreshed Pluralsight palette. The color immediately distinguished one series from another while maintaining overall brand consistency.
     

  • Unique line art
    To further differentiate the series, I created subtle geometric line illustrations unique to each program. These patterns added personality without competing with content.
     

  • High-contrast content cards
    Webinar details were placed inside large white cards that maximized readability, improved accessibility, and maintained ADA-compliant color contrast regardless of background color.
     

  • Expert-first photography
    One of Pluralsight's greatest differentiators is the expertise of its instructors and presenters. Instead of treating speakers as secondary elements, I made presenter photography one of the largest visual components of every asset. Large cut-out portraits helped establish credibility and placed our subject matter experts at the center of the experience.

Scaling the System

After my visual direction was selected, another designer and I translated it into a scalable template system in Figma supporting every standard webinar deliverable—from registration pages and emails to paid media, social campaigns, in-app promotions, and YouTube thumbnails.
 

The result was a highly repeatable system that allowed marketers to launch new webinars quickly while maintaining a consistent experience across every channel.

PS-Webinars-Templates.png
The results

6x

YoY pipeline growth, Q1

50%

Reduction in creative & development effort

1

Unified experience

The redesign didn't just modernize the experience—it improved the way our teams worked.

Reflection

This project reinforced that good design systems solve more than visual consistency.

​

By creating a flexible framework instead of one-off marketing assets, we improved brand recognition, simplified production across dozens of deliverables, and gave both designers and developers a scalable foundation for future webinar campaigns.

© 2023 Jon Kinne Designs

bottom of page