Wireframes: Podcast website
This is a design for a podcast website.
The website has the following structure, which shows 1-level of nesting:
- Home page
- Language 1 page
- Language 2 page
- Storyteller 1 page
- Storyteller 2 page
This structure can be adapted to any podcast site, by replacing 'language' and 'storyteller' with appropriate categories like 'genre' and 'narrator', 'theme' and 'composer', and such pairings. I kept the categories to only two so that the structure remains simple: my logic is that it should be possible to give *any* podcast in this world just two broad attributes.
|The focus is on the two latest podcasts, which you can click to play.
For more podcasts, you click on a storyteller or a language.
The introductory paragraph contains text about the website, and is atleast 200 words long (for good SEO).
|Each storyteller has a page to themselves.
The introductory paragraph contains text about the storyteller, and is atleast 200 words long (for good SEO).
All podcasts by a storyteller are listed as an endless-scroll list.
|Each language has a page to itself.
The introductory paragraph contains text about the language, and is atleast 200 words long (for good SEO).
All podcasts in that language are listed as an endless-scroll list.
From the home page, you can go to a specific language or storyteller's page. From a language or a storyteller's page, you can go to the home page, or to any other language or storyteller page.
Navigation between the subsidiary pages (language pages and storyteller pages) is by means of a menu revealed on clicking the Person icon or the Language icon. The menu options are the same for all of the language pages and storyteller pages.
I debated whether to give a Search option on the language pages and storyteller pages, and did not because the intention is to make you browse through all of the podcasts on a page. The podcast list is displayed as an endless-scroll list. I did not include a Search option on the home page either because, again, the intention is to encourage you to explore the podcasts.
A live and responsive implementation of this design is at https://afsanapodcast.github.io/afsana/.