Designing a Dynamic Calculator for Live Transcoding Costs

UI/UX Designer

Apex Inc.

Apex Inc.

March 2024

Apex Inc.

Apex Inc.

Overview

Live transcoding pricing was too technical and confusing. Even the sales team struggled to explain LTC (Live Transcoding Core) concepts to our potential clients I designed an interactive calculator that automatically recommends the correct LTC core while letting users manually override it.

Challenge

The challenge required simplifying a highly technical pricing model for everyday users. The primary issues were

  • Users are confused by the 12 LTC core options

  • Difficult for sales to explain

  • No dynamic estimate available

Objective & Goal

To make live transcoding pricing understandable and sales-friendly.

Process

I broke down the complex pricing model into understandable user input like resolutions, minutes, and LTC cores. Then, I designed a dynamic interface that automatically recommends the correct core while allowing manual selection with contextual warnings. The calculator updates pricing instantly to help users and sales teams understand costs clearly.


Process Steps

  1. Competitor pricing analysis

  2. Internal user data review (engagement + drop-off patterns)

  3. Wireframing the new calculator (improving on the old flow)

  4. Designing interactive UI with real-time cost updates

  5. Automatic LTC recommendation

  6. Optional manual LTC selection with warnings

  7. Instant pricing calculation

  8. Support for two pricing models: pay-per-minute & monthly

  9. User testing to validate clarity and speed

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

Guided decision-making and UX nudges proved powerful in simplifying technical pricing. Auto-recommendations reduced decision fatigue, while contextual warnings ensured transparency and prevented poor choices.

Additional Learnings:

  • Smart defaults reduce cognitive effort.

  • Transparency builds trust in pricing-heavy products.

  • Interactive calculators help bridge knowledge gaps.

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