We don't want to re-invent the wheel, but create a simple, clean design. Our role model will be apple. 

Technical Specs

  1. Bootstrap 4 only (no Bootstrap 4 or Koi)
  2. The view "Channel" has 1 content-item (no list) and that is a Channel-entity

List of Podcasts

As of now, we will not have a list-of-podcasts page, as all our customers don't need that (they only have 1 cast). So for now, we'll just create a details page for a single podcast. 

Single Podcast with many Episodes

We'll make it look like this:

Left Part with Channel Description

  1. Channel image
  2. the episode count
  3. no play button as of now, as we won't have time to develop something that plays the list
  4. Description of the channel

Note that this would be on top on mobile views. 

Right part Header

  1. Channel Name
  2. Author name
  3. Category
  4. no ratings, as we don't have any
  5. Buttons to open in the common mobile apps
  6. "RSS" button to load the rss-feed (instead of the export in the screenshot)

Right Part List of Episodes

Each episode shows

  1. Date
  2. Title
  3. Description
  4. Play / Pause button
  5. Length

We won't provide an "episode details" button, as we don't want to create that view as of now