Redesigning To Simplify Professional Transcoding Through a Two-Level UX

Lead Product Designer

Apex Inc.

Apex Inc.

Sept 2024

Apex Inc.

Apex Inc.

Overview

Advanced transcoding had dozens of complex controls that overwhelmed users. I redesigned the experience into a 2-mode system that matched user expectations and increased clarity. Basic = simple presets Advanced = full professional settings (locked until upgrade)

Challenge

The challenge demanded organizing complex encoding settings into a usable workflow. The challenge included:

  • Too many settings on one page

  • Users are unaware of the advanced value proposition

  • Competitors charged extra for basic features

  • No structured workflow

Objective & Goal

To simplify the encoding process while showcasing advanced capabilities to drive upgrades.

Process

To reduce complexity, I separated the encoding experience into Basic and Advanced modes. I designed clear preset-based controls for beginners, while exposing advanced settings in a locked, explorable format to drive upgrades. Tooltips, banners, and structured settings layouts created a workflow that was powerful yet easy to navigate. In short, my process can be summarized in the following steps

  1. Split into Basic & Advanced modes

  2. Adding a value banner encouraging advanced exploration

  3. Locked advanced UI (gamified)

  4. Upgrade the modal with a feature comparison

  5. “Calculate Encoding Price” CTA for quick price estimates

  6. Cleaner advanced settings layout

Result

Redesigned the onboarding experience for a global CDN SaaS platform to improve user activation and retention. By simplifying the flow, refining plan categorization, and integrating customer segmentation, the redesign achieved 84% more direct purchases, 33% fewer inactive users, and a 78% boost in monthly revenue — proving the power of data-driven UX design in SaaS environments.

Learnings

Progressive disclosure was central in transforming a complex workflow into a digestible structure. The locked previews created curiosity and showcased value, while mental model alignment (Basic vs Advanced) helped users immediately understand where they belonged.

Additional Learnings:

  • Showing value is more effective than explaining value.

  • Structured modes prevent overwhelming first impressions.

  • Gamified exploration supports voluntary upgrades.

You’ve seen the results now see

the chaos behind it

Figma File

I document everything in Figma the ideas, the iterations, the experiments.
Take a peek, it’s all there.

CLICK TO READ

How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights

Figma File

I document everything in Figma the ideas, the iterations, the experiments.
Take a peek, it’s all there.

CLICK TO READ

How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights

Figma File

I document everything in Figma the ideas, the iterations, the experiments.
Take a peek, it’s all there.

CLICK TO READ

How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights

Every interface I design starts with a question, not how it should look, but why should it exist.

Im not here to fill screens, Im here to make them feel effortless

Every interface I design starts with a question, not how it should look, but why should it exist.

Im not here to fill screens, Im here to make them feel effortless

Every interface I design starts with a question, not how it should look, but why should it exist.

Im not here to fill screens, Im here to make them feel effortless