Impossible d'afficher le contenu
Icône d'erreur
Erreur

Le serveur ne répond pas. Essayez de rafraîchir la page avec le bouton ci-dessous

Refresh modal Rafraîchir

trading data display webpage

Gagnant
Contest winning design
Voir le design

Vous souhaitez remporter un projet comme celui-ci ?

Ce client a reçu 55 web designs de la part de 14 designers. Il a choisi ce web design de Digital Waltz comme design gagnant.

Inscrivez-vous Trouvez des Projets de Design
  • terminés - Design Sélectionné
  • Garanti
  • Budget US$600
  • Nombre de designs 55 designs
  • Nombre de designers 14 designers
Brief de Web Design

We have build a rough wireframe of the two webpages that we want to display .The two wireframes are attached as a pdf document.
there will be login page. after login , the user will see the index page. that is the first page of the wireframe.

what we are displaying is essentially spread data. we are taking the difference in prices are two places and displaying the data. some calculations are done and is shown in the grid.

below the grid we show the behaviour on a graph. we will use bubble chart. I did not find a sample, hence have thrown in a placeholder.

this is time series data ( changes daily) and hence we need to check the behaviour.

the second wire frame shows how the user will choose the source price points and the destination price points.
we are talking here of natural gas prices hence the reference to source prices and destination prices.

you need to design the page/ pages such that the end-user loves it and is easy to use. the intent here is easy to use and easy to understand.
this will be responsive webpage since the end user will check it out on a tablet or a smartphone.

so if possible tell us how the navigation bar, the button bar, etc should fall when the screen size decreases.

I have uploaded 2 files. one is the wireframe ( pdf document) and second is the logo file.

please also let us know where to place the logo.

Icône d'informations
Mises à jour

Hi I have updated the brief and provided more details. please feel free to ask questions. regards Parag
Added Tuesday, June 03, 2014

Hi guys we are only looking for the design.we are looking for a responsive design. it means the following. 1. we are looking for your inputs , when the screen size decreases. the inputs can be the following. for example. 1. the navigation bar disappears ( hidden) or 2. the drop down menu disappears ( hidden) or 3. the data grid disappears. ( hidden) making the design elements stack up or disappear in any order is pretty easy using media queries in css3. the design component is the difficult part. what stays and what disappears. I hope that I have made things clear. regards Parag
Added Thursday, June 05, 2014

Hi guys your design has to be in *.png & *.psd or *.jpg and *.psd. the answers to the responsive part of the design can be written down and provided in text ie in a tablet ( the three design components are visible) ie in a smart phone ( the two design components are visible) alternatively you could show your design in tablet ( smaller browser window) & a smart phone ( much smaller window) format too. hope this helps Parag
Added Thursday, June 05, 2014

HI guys this is not a winner take all project. using the participation fee , I plan to reward most of the designers depending on the response in a few more days, the participation fee will be increased. the first prize award is only a place holder. your hard work is much appreciated. regards Parag
Added Thursday, June 05, 2014

Hi guys I have asked for responsive web design . it means thinking for the smthinall box too. one way of doing this is to break things into components. I am posting here is one way of thinking small. the order of components is as follows. 1. login screen 2. choose zones ( the tabs). 3. choose source index. 4. choose destination index. 5. show him a couple of data-grid components 6. show him one of the chart we have less real estate hence need to pick and choose. you can choose your own order. I can use css3 to hide components when things collapse. hope this is ok regards Parag
Added Thursday, June 05, 2014

Hi guys since you guys are providing a responsive design, the general guide lines for the mobile version is as follows : mobile design: 1. page 1 (login simple and awesome) 2 page 2 :top level tabs falling down in a single col . 3.page 3 : user chooses a tab and sees source indices, destination indices term month year generate table button 4. page 4 : table generated. col 1 hidden, col 2 seen large 5.page 5: table generated : col 3 seen large 6 . page 6: table generated. col 4 seen large 7. page 7 : graph1 8 page 8 : graph2 9 page 9: graph3 thanx and regards Parag
Added Friday, June 06, 2014

Hi All web design without the responsive part , will be considered incomplete and will be eliminated immediately. please take care to provide the responsive web part. I have provided extensive documentation in the brief about responsive part. please follow the details regards Parag
Added Thursday, June 12, 2014

Marché(s) Cible(s)

the target market is traders and data analyst

Secteur / Type d'entité

Build

Couleurs

Le designer choisit les couleurs à utiliser dans le design.

Aspect

Chaque curseur illustre les caractéristiques de la marque client et le style que doit transmettre votre design de logo.

Élégant
Audacieux
Léger
Sérieux
Traditionnel
Moderne
Sympathique
Professionnelle
Féminin
Masculin
Coloré
Conservateur
Économique
Haut de gamme
Exigences
Doit avoir
  • 1. design for the web.
    2. but think how the design will look when the screen size decreases.
    3. tell if possible what screen components to keep and what to hide.
Fichiers
Télécharger tous les fichiers - 0,5 MB
PDF
spreads_data_updated Tuesday, 03 June 2014 12:57:39
mardi 3 juin 2014
JPG
CH4++ logo (1) Tuesday, 03 June 2014 12:57:57
mardi 3 juin 2014
Paiements
1e place
US$300
Primes de participation x 15
US$20
Total
US$600
Date limite du projet
13 juin 2014 13:03:54 UTC
Language