UI/UX Design, User Research

UI/UX Design, User Research

Hubhopper Studio Redesign

OVERVIEW

Hubhopper Studio is a SaaS platform that provides podcast hosting and distributing services. I redesigned the experience and interface for the products, working closely with the development team in the process.

Company

Company

Hubhopper

Timeframe

Timeframe

2019 - 2021

Platform

Platform

Web

Role

Role

UI/UX Designer

Hubhopper was originally a podcast streaming platform.

Hubhopper was originally a podcast streaming platform.

Hubhopper was originally a podcast streaming platform.

In addition, they provided free podcast hosting and distribution to global platforms.

CHALLENGE

Increasing the percentage of visitors creating a podcast with Hubhopper.

Hubhopper was the only Indian podcasting platform on the market, but there was a need to drive more users to the platforms. The podcasting industry in India was still nascent at the time.


SOLUTION

Simplifying the podcasting experience to improve conversion.

I led the redesign to simplify the overall podcasting experience, getting users to the end point quicker. I also realised the need for a unique offering made by Hubhopper - distributing to the Indian audio streaming platforms, so that Indian podcasters could reach bigger audiences within India through commonly used streaming apps.

IMPACT

The following results were recorded 2 months after the release.

The following results were recorded 2 months after the release.

43%↑

in episodes published

on Hubhopper

in episodes published

on Hubhopper

19%↑

in podcasts live

in podcasts live

53%↓

in drop-offs from

landing page

in drop-offs from

landing page

DESIGNING THE SOLUTION

DESIGNING THE
SOLUTION

Simplifying the Experience

BEFORE

BEFORE

  1. Uploading cover art is a time consuming step. Having it as the first step was a point of friction. It stopped most first time podcasters from moving forward.

  2. There was no indication of fields that were required to be filled.

AFTER

AFTER

  1. I added the 'Design with Canva' button to simplify creation and providing a default thumbnail. I also shifted this step further down in the flow.

  2. The text fields that were filled out would be validated with a green check mark.

  3. Auto-filled data in some fields to reduce pauses. Users could come back and change this information later.

  4. Tracking the process of creation in the sidebar.

  5. Support feature to answer any queries in real-time.

DESIGNING THE SOLUTION #2

DESIGNING THE
SOLUTION

Distributing to Indian and Global Audiences

BEFORE

BEFORE

  1. Distribution was primarily done to global streaming platforms. A large chunk of the Indian audience was using other local streaming platforms.

AFTER

AFTER

60%+ increase in average streams on user podcasts

  1. All platforms came preselected, so users could deselect it based on their preference.

  2. Indian audio streaming platforms were introduced for 'One-Click Distribution', with platforms that were used widely in India.

MY ROLE

Lead UX Designer

Lead UX Designer

Lead UX Designer

As the UX designer in the company, I led the redesign project. During this process I worked closely with the Head of Design, Data Analysts and the Engineering Team.

Main Responsibilities:

1. User Research (Feedback, Data Analysis, Competitor Analysis)

2. Planning (Prioritising Features, Sprint Cycles)

3. Design (Wireframes, Prototypes, Iterations, Testing)