The page we are looking to be designed is the "burst page". It is a page the user lands into after they click the search result in Google.
Please note that the page must be responsive and we expect to get 2 layouts of this page: PC/web and mobile web, where mobile web is most important!
The page has the following the following main elements:
1. Audio player with: Play/Pause button, Prev/Next buttons, Share button (important!!), interactive audio progress bar (allow the user jump to certain points in the audio), audio duration.
2. Title of the page - the H1 header - that is built from "Listen to: " + Radio Show name + "on" + Keyword1, Keyword2, and Keyword3. For example: "Listen to: The Morning Show on Spiderman movie and Review"
3. Each audio has a category such as: Entertainment, Business, Politics, etc... Only 1 category is presented per audio. Should be presented as a tag.
4. Next bursts - a list of related audio bursts to listen to. Each item should include a title, date and time it was aired, duration, keywords/tags, play button
5. Search button
6. Logo
Secondary element:
1. Show a Transcript button
2. Show an Embed audio button
(these options can be encapsulated in a "..." icon
Inspirational websites
https://dribbble.com/shots/2769913-Web-Radio-Interface
animation and colors. Clean design
https://dribbble.com/shots/3158359-Soundcloud-Weekly-UI-challenge
Usage of background atmosphere image. We don't images other than a single atmosphere image per audio.
https://dribbble.com/shots/3074839-Music-app-UI-Interaction
Player design, card format, clean design
https://dribbble.com/shots/2845113-SoundCloud-Player
nice prev/next control buttons
https://dribbble.com/shots/1382687-FM-Radio-UI-iOS-7-App
Trendy UI. "You may also like" section looks nice
Please use any color theme that you like and look best. The most important actions in the page are:
Play, Next audio and Share.