Podcast App Onboarding Flow — Advanced Prototyping in Figma

For this project, I designed an interactive onboarding experience for a podcast app, aimed at personalizing content from the very first interaction. The flow enables users to select topics of interest, dynamically generating a custom selection of recommended podcasts based on their preferences.

To build this prototype, I leveraged advanced Figma features, including variables, interactive components, and conditional logic:

Boolean Variables: Each topic button functions as a boolean variable, allowing me to capture user preferences effectively.

• Selection Tracking: I implemented a counter to monitor the number of selected topics, ensuring that recommendations are accurately tailored.

• Conditional Logic for Actions: I created enable/disable conditions for the continue button, adding a seamless transition as users select or deselect topics.

Design Process:

• Information Architecture: in order to outline the structure of the onboarding flow it was essential to map out the user journey, allowing me to clearly understand the onboarding flow’s logic and interactions.