Hubhopper Mobile App
OVERVIEW
Hubhopper is a SaaS platform that provides podcast hosting and distributing services. I was responsible for designing the user experience and interface for the Hubhopper Studio mobile app. This process included user research, information architecture, user journey mapping, wireframing, prototyping, usability testing and visual design.
Hubhopper
2020 - 2022
Mobile App
UI/UX Designer
CHALLENGE
Increasing podcast creation on the mobile
In 2019, around 23% households in urban India had access to computers. Only 4% households in rural India had access to computers. With Hubhopper distributing to the Indian audience, there was an increasing interest in podcasting. However, not everyone had access to the tools required to create a podcast. Therefore, it was important to make podcasting more accessible.
For existing podcasters, there was a need for an easy way to access their podcast at any point of time.
SOLUTION
A mobile-based experience to simplify podcast creation.
Through a mobile-based experience, creators could make podcasts on-the-go.
The majority of Hubhopper's listener base was using the mobile app, so by adding a creation side to the app, we could also leverage the existing user base.
CHALLENGE
Releasing Hubhopper as an independent app was a big barrier for users.
We realised that the process of building a user base from scratch for a new app would prove to be a lot more challenging. The goal was to reduce resistance and one way of doing this was integrating the creation aspect of the app onto the listener side app, which already had a user base of over 300,000 people.
IMPACT
The following results were recorded 2 months after the final release
as a part of the Hubhopper app.
223%↑
151%↑
RESULTS
The conversion rate was higher than the website.
Hubhopper Studio became accessible to wider audience, which helped us increase signups and the number of podcasts going live.
THE PROCESS
BEFORE
Based on the key steps required for podcast creation, I created the user journey and the wireframes.
Iteration 1
People found it difficult to navigate the recording options.
The drag option was not easy to use and precise selection was challenging.
It was difficult to provide other sound effects and other options with this layout.
DESIGNING THE SOLUTION
The Experience of Creating a Podcast
BEFORE
Based on the key steps required for podcast creation, I created the user journey and the wireframes.
Iteration 1
People found it difficult to navigate the recording options.
The drag option was not easy to use and precise selection was challenging.
It was difficult to provide other sound effects and other options with this layout.
AFTER
By making the 'Studio' screen the first screen in the creation process, finding the process to create became much easier.
Users could see all the options available to them and coming back to the same screen would allow them to see progress.
The creation process was contained in one screen, removing the need to go anywhere else in the app.
151% increase in podcasts live.
Hubhopper Studio was designed as a new app. However, I quickly realised the advantage of leveraging the existing listener base on the Hubhopper app.
The creation button in the middle creates a new podcast. By putting it in the centre, more users were exposed to the button which led to more conversions.
MY ROLE
I designed the end-to-end experience for the Hubhopper mobile app. During this process I worked closely with the Head of Design to design the experience, and worked cross collaboratively with the Engineering and Marketing teams.
Main Responsibilities:
1. User Research (Feedback, Data Analysis, Competitor Analysis)
2. Planning (Prioritising Features, Release Cycle)
3. Design (Wireframes, Prototypes, Iterations, Testing)