Vocali - Redefining Podcast Discovery
Improving podcast discovery and user engagement through innovative design solutions.
Context
Podcast listeners often face challenges in finding specific content within lengthy episodes or deciding whether to commit to a full episode. The goal of this project was to redesign a podcast app to provide a seamless and efficient experience, enabling users to search for specific conversations, browse short clips or highlights, and navigate effortlessly through topic-based segments. This fast-paced project required iterative prototyping, usability testing, and close collaboration with stakeholders to create a solution that enhances user satisfaction and engagement.
Role
UX Designer
Timeline
Aug - Dec 2024
Tools
Figma & Figjam
Jira
Adobe Illustrator
UserTesting
PROBLEM
Inefficient Podcast Discovery
Podcast listeners struggle to find specific content within lengthy episodes or evaluate episodes quickly, resulting in frustration and lower engagement.
uSER STORIES
As a User,
I want to…
know if podcast is interesting through short clips
so that I can decide whether to listen to the full episode.
search for specific conversations in podcast episodes
so that I can find the part I heard elsewhere (like on YouTube) without re-listening to the entire episode.
APPROACH
Streamlined Search and Exploration
A podcast platform that empowers users with in-episode search, AI-curated highlights, and topic-based navigation for a faster, more engaging listening experience.
social proof
Podcast Listening Trends
User Behavior Insights
Short Content Popularity
search for specific conversations in podcast episodes
so that I can find the part I heard elsewhere (like on YouTube) without re-listening to the entire episode.
JOB TO BE DONE!
Enable podcast listeners to explore content in a time-efficient and personalized way.
IDENTIFIED KEY FEATURES
In-Episode Search
Short Clips and Highlights
Topic Segmentation
search for specific conversations in podcast episodes
so that I can find the part I heard elsewhere (like on YouTube) without re-listening to the entire episode.
Primary USER FLOW
Wire framing
Start with creating a visual representations of the solution.
The initial wireframes were created to outline the basic structure and user flow of the app. These early-stage designs underwent numerous iterations to refine the layout and enhance usability.
Visual design ideation
Making sensible visual design choices
I designed multiple cards for the "short clips" section of the app. Figuring out the content hirarchy, by multiple user testing, and finally selescting the prototype that best matched with all the preferences.
Final Protypes
Take a look at the full prototype.
You can check out the whole Hi-Fi prototype of the app in Figma by clicking the button below.
View Prototype
👋🏼
Thank you for reading this case study.
Your interest and feedback are appreciated!
Raj Ostawal
Product Designer
If you like what you see,
let's work together
Contact Me