Menu
Menu

LISN

Improving LISN’s onboarding flow and home page to simplify podcast discovery and enhance user engagement through intuitive design.

Overview

Overview

LISN is an AI-driven podcast app enabling users to discover and curate personalized podcast playlists. I led the redesign of the onboarding flow and home page to address user confusion and improve navigation, creating a seamless and engaging experience for new users.

Methods & Tools

Figma, User Research, Workshops

Role

UX/UI Designer

Duration

4 months

Overview

LISN is an AI-driven podcast app enabling users to discover and curate personalized podcast playlists. I led the redesign of the onboarding flow and home page to address user confusion and improve navigation, creating a seamless and engaging experience for new users.

Methods & Tools

Figma, User Research,
Workshops

Role

UX/UI Designer

Duration

4 months

The Problem

The Problem

A lack of onboarding guidance for core features like “Conversations” and “Clips.”

Disorganized content scattered across multiple menus.

Difficulty accessing frequently used features.

The Solution

The Solution

I designed a new onboarding flow that introduces users to LISN’s core features through interactive, easy-to-follow animations, ensuring a seamless start to our app's experience

Dive into podcasts your way. Summarize topics you care about from multiple podcasts effortlessly.

Dive into podcasts your way. Summarize topics you care about from multiple podcasts effortlessly.

Create personalized playlists by combining clips from different podcasts with our "Conversation' feature.

Create personalized playlists by combining clips from different podcasts with our "Conversation' feature.

Easily clip the best moments from any podcast to save, share, or curate your listening experience.

Easily clip the best moments from any podcast to save, share, or curate your listening experience.

We're growing with you! Share your feedback in-app to help us improve and shape LISN together.

We're growing with you! Share your feedback in-app to help us improve and shape LISN together.

Home Page Redesign

Home Page Redesign

Disorganized Content

Users had to navigate to their profile page to find their shows and clips

Old Profile Page
Unclear Home Page

The page only displayed “Conversations” without showing users their current shows, listening progress, or recommendations.

Misaligned text, uneven spacing, and repetitive layouts created a cluttered and unpolished experience.

Old Home Page

The redesigned home page organizes content intuitively, making it easier for users to find their favorite features and discover new podcasts with ease.

Before and after home page redesign
New Home Page
  • Search functionality right from home

  • Users can easily continue where they left off with multiple podcasts

  • New episodes of followed podcasts brought to the home page

  • Quick Filters for better organization

  • Conversations showcase podcast art in carousel and feature additional info with interactions

Process

Process

1

Research & Insights

Defined goals, conducted user interviews, and identified key challenges and opportunities.

Defined goals, conducted user interviews, and identified key challenges and opportunities.

2

Onboarding Redesign

Created wireframes and incorporated short animations to explain features like “Conversations” and “Clips.”

Created wireframes and incorporated short animations to explain features like “Conversations” and “Clips.”

3

Home Page Redesign

Conducted competitive analysis and built wireframes inspired by familiar patterns in podcast and music apps.

Conducted competitive analysis and built wireframes inspired by familiar patterns in podcast and music apps.

4

User Testing & Iterations

Collaborated with the team to test concepts and refine designs for usability and development feasibility.

Collaborated with the team to test concepts and refine designs for usability and development feasibility.

5

Final Design

Delivered a polished, user-centered solution ready for implementation.

Delivered a polished, user-centered solution ready for implementation.

Explore the Complete Case Study

Explore the full case study to dive deeper into the complete design process, including research insights, concept development, wireframes, competitive analysis, and UI creation.

Made with ❤️ by Sash Mahara
© 2025 Sash Mahara. All rights reserved.
Made with ❤️ by Sash Mahara
© 2025 Sash Mahara. All rights reserved.