Design Online Audio UI

 

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.


It should be finished in 1 day. We need experienced UI designers only.

Adobe PhotoShop

Project Class: Open to Suggestions
Published Budget: Open to Suggestions
Finish Days: 1
Published Date: 31/03/2017 07:37:51 WIB
Start Date:
Project Status: No Action
Accepted Worker:
Accepted Budget: Rp 0
Project Ending:
Finish Date:

Project Owner

webprojects
    
0.00/10.00
0 Point
No Ranking

Accepted Worker

Bid masih terbuka.

Place New Bid

  User Bids

gunsmedia
    
10.00/10.00

Adhekurniawan
    
8.67/10.00

edirochadi
    
9.38/10.00

Big_Dav
    
9.00/10.00

triyanarief
    
0.00/10.00

Recommended Workers

pureart

1,889 points
56 projects
    
9.38/10.00

edirochadi

1,198 points
52 projects
    
9.38/10.00

hikaruaozora

905 points
36 projects
    
9.56/10.00

PutuadiCreativeMediaProduction

2,326 points
27 projects
    
9.61/10.00

AlvianIndonesia

629 points
20 projects
    
8.75/10.00

Recommended Services

Jasa Desain Logo Murah,Terbaik Dan Berpengalaman

Rp 50,000
71 sales
    
9.61/10.00

Desain Logo Profesional Instant

Rp 150,000
12 sales
    
9.58/10.00

Jasa Pembuatan Segala Macam Logo Murah

Rp 50,000
39 sales
    
9.13/10.00

JASA PEMBUATAN LOGO MURAH

Rp 60,000
6 sales
    
9.83/10.00

Open Projects

Logo untuk Dokter THT Online

Rp 350,000Owner: goezpurba
Deadline: 7 days

Desain Spanduk

Open to SuggestionsOwner: lazadi
Deadline: 2 days

Pembuatan Design Logo Mobile Application Notebox

Rp 300,000Owner: marcelinawang
Deadline: 14 days

Cari pembuat logo cepat

Open to SuggestionsOwner: mohd-F
Deadline: 7 days

LOGO untuk web perbandingan harga aksesoris mobil

Open to SuggestionsOwner: barewa10
Deadline: 3 days