Webinar Editing Tool

Webinar Editing Tool

Impact

Streamlined the onboarding process, reducing the need for manual support of 3 team members.

Streamlined the onboarding process, reducing the need for manual support of 3 team members.

On What

Parmonic is an app that transforms long videos with the help of transcripts into digestible chunks called 'Moments'.
My role focused on research, analysing data, and improving the app’s usability.

The primary business requirement was to make the tool more intuitive, eliminating the need for the team to handhold clients during onboarding.

And we achieved it and How↓

COMPANY

COMPANY

Parmonic

Atlanta, US

Timeline

Timeline

2022

Feb -July

SKILLS

Cross country team work

System Design

Analysing User Patterns

Usability tests

Before

Before

After

After

Understanding the scenario

Understanding the scenario

The Moment Editor allowed users to review AI-suggested highlights extracted from long-form video content.

Research Goals

• Understand how users interact with the Moment Editor and identify usability issues.

• What are the other tools they might have to use to edit their videos.

• Ensure the tool meets the needs of the primary user personas (marketers, content creators, etc.).

Business Goals

Eliminate onboarding process

Design the moment editor for making personalised editing on the AI generated moments.

Less inbound requests for help

“We should not drastically change existing layout - it will affect our already existing user base”

Compete with upcoming AI editors

Design the moment editor for making personalised editing on the AI generated moments.

Design Process

Seeing through the user's eyes

Full Story

Figjam

Survey Monkey

Existing User Journey

Primary Personas: B2B Marketing professionals, content creators, and webinar hosts.

Criteria for Participants:

  • Users who edit webinars regularly.

  • A mix of experienced users and new users unfamiliar with the Moment Editor.


Users journey to publish

Create a Promo AD

Upload a webinar

Detect Slides/Camera

Manual Curation

Publish flow

Premium AI edit

Transcribe Process

Chapterise content

Initial Findings

The backend relied on AI models to segment and score key moments, but the editor interface needs to make these predictions understandable, editable, and trustworthy for non-technical users.

Users interact with a timeline-based UI that surfaced suggested “moments,” but the lack of contextual clarity and editing precision led to confusion and frequent rework. Core friction points included:

  • Non-linear navigation: Users struggled to trace AI-suggested clips back to the original long-form context.

  • Editing ambiguity: Overlapping timestamps and unclear hierarchy made it hard to edit or reorder clips.

  • Feedback disconnect: There is no intuitive way to provide feedback on AI performance, reducing user trust in the system.

Survey Statistics

Microsoft suite

Microsoft suite

78% of users were more comfortable using Microsoft Office tools (PowerPoint, Excel) for webinar preparation and post-editing, compared to other tools like Google Suite or Slack.

55%

55%

of webinars edited through the Moment Editor were designed for social media promotion and external distribution. Other major category is to internal information sharing and knowledge distribution within teams.

72%

72%

of users checked that it took them 2-3 videos to learn the tool. Which was when there was no handholding by our onboarding team.

Positive feedback

Positive feedback

85% of users appreciated the ability to scan selected text from webinars, which helped them quickly find relevant information.

88% of respondents valued the tool's ability to automatically remove filler words (e.g., "uh," "like") from webinars, helping them streamline content for external use.

Initial Discovery Interviews

Sarah

How do i start selecting text to add in the moment
The tap on and tap off does not work for me sometimes:/

Mani

@BeingMani97

Moments are only aligned with the selection , which makes me loose context on the last video content

Dann

I want to see the whole video and want the flexibility to edit the video while watching the webinar

Farah

Seems like one of the speakers fumbled, can i correct the content on transcript

Fekry

I can’t keep track of the number of moments added

Define

Design a moment editor that allows for personalized edits to AI-generated moments. The tool should be user-friendly, intuitive, and highly competitive, ensuring a smooth editing experience for users of all skill levels, new and existing users.

Design a moment editor that allows for personalized edits to AI-generated moments. The tool should be user-friendly, intuitive, and highly competitive, ensuring a smooth editing experience for users of all skill levels, new and existing users.

Insights and Design

A deep understanding of the problem was the first step

Design Goals

Contextual/Relatable
Intuitive
Effortless

Create a Promo AD

Upload a webinar

Detect Slides/Camera

Manual Curation

Publish flow

Premium AI edit

Transcribe Process

Chapterise content

Brainstorming session

We usually map out a user flow and then edit it according to the features to be added and vice-versa

Edit AI suggested

Edit AI suggested

Clear indication of sections

Clear indication of sections

Making cuts for different platforms

Making cuts for different platforms

Build in spell check

Build in spell check

Quick view of the number of videos and their thumbnails

Quick view of the number of videos and their thumbnails

Select the text we want in moment

Select the text we want in moment

Ability to view the visuals of the webinar related to the transcript

Ability to view the visuals of the webinar related to the transcript

See the AI Assist suggested pre created moments

See the AI Assist suggested pre created moments

Testing the cuts

Testing the cuts

Visual cue that the user is in editing mode

Visual cue that the user is in editing mode

Automatic delete the silences, pauses

make more moments

Correct the mistakes/re-edit

Correct the mistakes/re-edit

Scan the text

Scan the text

Test the moment video

Test the moment video

understand moments

understand moments

Give the moment a name

Give the moment a name

Auto-Name speakers

Auto-Name speakers

User should be able to share notes and transcript

User should be able to share notes and transcript

Suggest Name

Suggest Name

Translation subtitles

Translation subtitles

Playbackspeed

Playbackspeed

Editing it to the second with video

Editing it to the second with video

First Draft Moment Editor

Screen 8/40 - Creating a new moment

Cues to the user at each step

Cues to the user at each step

A Constant video player which will start playing from the point the user selects on text

A Constant video player which will start playing from the point the user selects on text

Quick view of the chapterisation

Quick view of the chapterisation

Add to the selected moment

Add to the selected moment

Did not change the entire navigation

Did not change the entire navigation

Prompt to create new moment - Disabled in this state

Prompt to create new moment - Disabled in this state

Name the moment and clear identations of text with numbers

Name the moment and clear identations of text with numbers

Similarity to powerpoint can work well for our userbase- the moments as slides

Similarity to powerpoint can work well for our userbase- the moments as slides

If a moment is selected , the user should be prompted to add to the same moment

If a moment is selected , the user should be prompted to add to the same moment

Highlighted features

Action on selection - Fitts’s Law

Play the selected content in video to make a decision


Large enough for users to select create moment easily

Clickable anywhere so it’s easy to carry out the action , it ll be at the edge of the mouse.

Expandable and similar to editing a document app used by target audience.





Play the selected content in video to make a decision


Large enough for users to select create moment easily

Clickable anywhere so it’s easy to carry out the action , it ll be at the edge of the mouse.

Expandable and similar to editing a document app used by target audience.

Play the selected content in video to make a decision


Large enough for users to select create moment easily

Clickable anywhere so it’s easy to carry out the action , it ll be at the edge of the mouse.

Expandable and similar to editing a document app used by target audience.

Added ability to make teams and share progress of projects

During resarch we found out users were sharing account details to edit same webinar.

Home page- Clear CTA

Have a currently editing webinar with steps

End to End Experience - Usability, Delight and Coherence.

Posting and managing are enhanced with seperate experience for premium members designed 50+ screens

Create Value Proposition

Clear information on homepage and while onboarding and their visual representation on clients page

Visibility

• Scroll to the particular moment when clicked on sleected text

• Clear CTA to publish , once the user is in publish mode he can always come back.

• The snippets of the webinar for context as in the previous designs are truncated when not needed

Ease

• While editing one moment, there will be just one thumbnail hence avoiding confusion

• Less open options in the top nav

• AI automated title gets generated beased on the context

• Thumbnail is a commonly used setting so kept on the tool bar at the top.

Usability testing

Understanding the why behind actions - Moderated

Karen

User

Clear indicators if the edit mode is adding the moment or creating one and how to enter and exit and clear CTAs

Miachel

User

I liked the quick view of the images in chunks , as the screen changed , it gave me context

Galdin

Product

Our design should encourage the people to make selection and create or add to existing moment

Revamping overall experience

An overview

Final design screens

While the main focus was on the editing screen, the overall experience—from the homepage to publishing—was key to making the design more intuitive.

Impact

We mapped the metrics to understand how users are responding to the new change

Positive response from users

Net Promoter Score (NPS) improved by 25%, rising from 45 to 70, and overall qualitative feedback increased.

Bounce Rates decreased

Bounce rate of users decreased and Average Time decreased in the client onboarding process since the implementation of the Parmonic Editor tool. This includes reductions in the time it takes to set up accounts, create content, or troubleshoot issues.

Handholding during Onboarding eliminated

Specifically, the tool's efficiency in streamlining the client onboarding process resulted in a notable decrease in outsourcing expenses. This translated into a tangible saving equivalent to the employment costs of four customer care resources.

Let's Connect

Feel free to contact me in case you have any further questions. I'm available for new projects or just to chat.

© 2025 – ShubhraSalwan

Let's Connect

Feel free to contact me in case you have any further questions. I'm available for new projects or just to chat.

© 2025 – ShubhraSalwan

Let's Connect

Feel free to contact me in case you have any further questions. I'm available for new projects or just to chat.

© 2025 – ShubhraSalwan

Create a free website with Framer, the website builder loved by startups, designers and agencies.