web page layout, style , color, font & flow design

Ganador
Contest winning design

¿Quieres ganar un trabajo como este?

Este cliente recibió 40 diseños web de 9 diseñadores. Eligieron este diseño web de TGDesigns como el diseño ganador.

Únete gratis Encuentra trabajos de diseño

  • Cerrado - Diseño seleccionado
  • Garantía

Resumen de Diseño Web

We are developing a single page application. The SPA (single page application) will display natural gas pipeline flow data once the customer logs on. The customer has a choice of the region, the pipeline, the zone on the pipeline, whether the point is a delivery point or receipt point and the state the pipeline flows through.
we have jumpstarted the project and are attaching a pdf of the same.

we are using mockingbird for the wireframe. any designer is free to use this tool to make changes.

A mockingbird wireframe link is added below. you are free to use it and to make changes. please save the changed wireframe in a different name

we are looking for inputs on layout, style , color, font & flow.

A logo jpg file has also been attached.

Ícono de Información
Actualizaciones

The mockingbird wireframe link is 


https://gomockingbird.com/mockingbird/#c7eihs1

you can edit it and save it as a project with your name.

thanx

Parag

Added Wednesday, April 16, 2014

In the pdf file you will see the wireframe.  their brief description is as follows:


the horizontal tabs on the top show the US regions.
the vertical tab box shows the different pipelines in the region
the tab area of each horizontal tab shows the flow data.



Added Thursday, April 17, 2014

if anything is unclear, please feel free to email me.  my email is pdp2907@gmail.com

 


Added Thursday, April 17, 2014

HI guys

The existing website or the traffic generator is a blog which talks about Natural gas supply .  The blog url is

www.kwenergyonline.net

I did test the concept ( if you scroll down the page of the blog you will see that I am asking my readers for their email id )

I will use linkedin, twitter to drive traffic to the blog and from the blog onto the supply data site.

the first screen will be a plain sign up screen ( user id & password) with the ch4++ logo. same thing as gmail. 

from there once i capture the user''s preference regarding the region and which pipeline he subscribes to , he will get that on the next screen ( the webpage which is up for design)..

right now the user gets all this data in an email attachment , as a csv file.

I am using javascript ( jquery, knockout, etc) to code up the webpage. so it is going to be dynamic.

please concentrate on the layout , flow and user experience.

if you need information about the user persona, i can provide that too. 

The umbrella brand of the product is CH4++. 

i hope this sheds some light.

regards

Parag


Added Thursday, April 17, 2014

Hi guys


the data display area shows 3 buttons. they are used to query the data in the grid and display it. the query buttons are necessary for slicing and dicing the data. my end user are data fanatics and love such buttons. makes life easy
regards

Parag

Added Thursday, April 17, 2014

A logo jpg file has been attached.


if you need more inputs please email me.

regards

Parag


Added Thursday, April 17, 2014

Hi guys


this is not a winner take all contest. I do understand that lot of effort goes behind the scenes. so a second and a third prize has been added.

regards

Parag

Added Thursday, April 17, 2014

I am also attaching two csv files. this is the data that i need to display. of course i will be slicing it and dicing it. if you open the csv document , you will see what i mean.


the data can be sliced along the following lines.

1. delivery location or receipt location
2. zonal info.
3. state wise info.

i am required to display 2 gas days concurrent data.
and there are around 4 updates in each gas days.
1. timely
2. evening
3. interday1
4. interday2
and some times  the fifth update called late.

even after slicing and dicing i need to show around 5 to 10 records for each update and for two concurrent gas days that works around 40 records with a scroll bar.
 the magic is in the grid display.
please let me know if you need to know anything.

regards

Parag


Added Thursday, April 17, 2014

Hi guys
open the csv file using excel and auto filter it. you will see how the data needs to be sliced.

my thinking is to provide a input box on the top of the data grid, which provides a choice of the 4 updates. since gasday happens to be the most important thing.

i have provided for zone, state and delivery / receipt location choices too.

hope i am not confusing you guys.

Added Thursday, April 17, 2014

if you cannot download the files due to some technical reason, the same files can be accessed at


https://drive.google.com/folderview?id=0B4EhA0Gl6jh8Q3BGSzAzSnpvTFk&usp=sharing

regards

Parag

Added Friday, April 18, 2014

Project Deadline Extended
Reason: Hi guys most of the designers are at the finish line waiting for the result. here in this project , I believe this project is more of a team work ( individual designer & inputs from our side). due to the time zones of various designers, I have not been able to work with all of the designers input's at the same time. hence to make up for my sloppiness, i am extending the project deadline by 2 days. appreciate all your hard work. it has been a really good experience. regards Parag
Added Saturday, April 26, 2014

Hi guys

we are extremely happy with the response. please let it be known that there are no winners here. each designer has a distinct style and we are picking the one which we think suit out site the best. 

in the next few days, you will be hearing from us about the following, how we distribute the prize money.

we will try our level best to take care of all the designers who participated.

regards

Parag


Added Tuesday, April 29, 2014

Objetivo del mercado(s)

this single web page is going to be used by natural gas traders and schedulers day in and day out. the application is more of business to business corporate application.

Tipo de industria / entidad

Delivery


Mira y siente

Cada control deslizante ilustra las características de la marca del cliente y el estilo que debe comunicar el diseño de tu logotipo.

Elegante
Atrevido
Juguetón
Serio
Tradicional
Moderno
Atractivo
Profesional
Femenino
Masculino
Vistoso
Conservador
Económico
De Alta Gama

Requisitos
Debes tener
  • layout ,flow, size, color, font , ease of use.

Archivos
Descargar todos los archivos - 0,4 MB
PDF
NG_supply_data Friday, 18 April 2014 11:57:56
viernes, 18 de abril de 2014
JPG
CH4++ logo (1) Friday, 18 April 2014 11:58:19
viernes, 18 de abril de 2014
CSV
Pagos
1er lugar
US$400
2do lugar
US$150
3er lugar
US$100
Pagos de participación x 9
US$20
Total
US$830

Fecha límite del proyecto
28 abr. 2014 15:45:33 UTC
Language