CSS Layout and Design For One Page Web Site

Status: Closed
Prêmio: $100
Inscrições Recebidas: 18
Vencedor: princevenkat

Winner

Síntese do concurso

The Problem
I have a one page web application that looks blocky and ugly and it needs the attention of a graphic designer skilled in CSS.

The Contest
I am looking for the best redesign for my web application. Designers may modify any HTML, CSS or interface images to create their design.

1. The Theme
This web application is in a conservative domain that people take very seriously. As such, your design should be conservative, corporate, reassuring and safe.

2. Content
* I have obfuscated the labels on the sample form for reasons of disclosure, however the labels are all the same size as the original text.
* I have taken some screen captures of charts produced by HighCharts and used them for spacing in the sample page. You should aim to fit the three charts in a single line on the page.
* The Run button is a simple submit button. Change this to whatever looks cool.
* The input fields are small and difficult to use, you should change this as part of your design.
* You should change any font or color as you see fit to match your design.
* You can change the layout in any way, as long as the site remains a single page.
* Preference will be given to royalty free images over photo stock images. If you use non-royalty free images, you should note them in your entry.

3. Your Contest Entry
I have uploaded all of the HTML, CSS and image files that make up the layout of the site. You should download these files, and modify them accordingly.

Once you have completed your design, take a screen capture of your modified web page and upload the image as your entry. If you have added animations, you can take a video screen capture of your working site and upload that video as your entry.

The winning entry _must_ provide all of the CSS, HTML and image files used to create the screen capture/video. Using Photoshop to modify your entry will result in disqualification.

4. Judging
The winning entry will be the one that most closely expresses the theme of the site, is aesthetically pleasing, and easy to use.

Habilidades Recomendadas

Winner

Lance um Concurso Como Este

Feedback do Empregador

“I really appreciated the live website that I could test and tinker with. Could be more responsive, but it was only a small project, so it was OK.”

iankt68, Australia.

Painel de Comentários

sharmavn889
- 8 anos atrás
Are you there? Have sent messages in contest handover, but didn't get response from you since last week or so. If all is good, please leave feedback for the work and close it now.
- 8 anos atrás
sharmavn889
- 8 anos atrás
Can you please let me know if its all good and close the contest with feedback? It has been a week since I hear from you.
- 8 anos atrás
sharmavn889
- 8 anos atrás
Did you test the updated files in final.zip ?
Please close the contest if its all good.
- 8 anos atrás
sharmavn889
- 8 anos atrás
Hi, let me know if there is anything to improve so I can do them and show you.
- 8 anos atrás
ruafridi
- 8 anos atrás
And Is it must to have all the three tabs in one row and charts in the other row... I mean there should be a total of two rows?
- 8 anos atrás
1. Proprietário do Concurso
  - 8 anos atrás
  No, the only requirement is that it fits on a single page.
  - 8 anos atrás
ruafridi
- 8 anos atrás
Check the corrected one at #21 and tell me again what you think.. Have a great day! :)
- 8 anos atrás
Proprietário do Concurso
- 8 anos atrás
One day left to submit your entries. Some points to keep in mind. (1) The current design is too 'blocky', so make sure you bevel the sharp edges and use soft fonts. (2) Use conservative colors. Greys, soft blues and black for contrast. (3) Be sure to use the labels supplied so I can see how they fit in your design.
- 8 anos atrás
ruafridi
- 8 anos atrás
I am also using JQuery and BootStrap to build it! Is it ok?
- 8 anos atrás
1. Proprietário do Concurso
  - 8 anos atrás
  Yes, JQuery and BootStrap are OK to use.
  - 8 anos atrás
ruafridi
- 8 anos atrás
#17 .. It uses animated Toggles unlike your images one for nicer user experience... It is simple and professional and grid based..
- 8 anos atrás
ruafridi
- 8 anos atrás
Wait for my design but tell me one thing... Do we just have to desing it in HTML and CSS or will we have to add the functionality in future or you will do that yourself?
- 8 anos atrás
1. Proprietário do Concurso
  - 8 anos atrás
  Just HTML and CSS. All of the functionality is already built. The files posted up here are just a shell that need some design work to make it look good to the eye and easy to use.
  - 8 anos atrás
sharmavn889
- 8 anos atrás
Please check updated entry #11 (centered texts)
- 8 anos atrás
tobechukwuikpe
- 8 anos atrás
I want to work on this but i have a question. Do the toggle on and off have to be included in the final design?
- 8 anos atrás
1. Proprietário do Concurso
  - 8 anos atrás
  No. The toggle functionality is already working, but there needs to be space for the toggle button. You can just leave it as an image and you don't need to use the images I uploaded, you can use a completely different toggle button, as long as you have images for both "on" and "off".
  - 8 anos atrás
2. Proprietário do Concurso
  - 8 anos atrás
  To be clear. There needs to be a way to enable/disable some of the input fields. How you do that is entirely up to you.
  - 8 anos atrás
sharmavn889
- 8 anos atrás
Please check entry #5 and #4 ... HTML CSS files are ready now.
- 8 anos atrás
sharmavn889
- 8 anos atrás
Yes #3 is done in HTML/CSS.
You can award the contest if you like it.
- 8 anos atrás
sharathnb12345
- 8 anos atrás
please check entry #10 css and html are ready
- 8 anos atrás
sharathnb12345
- 8 anos atrás
working with bootstrap . and will submit in few hours
- 8 anos atrás
sharmavn889
- 8 anos atrás
Check entry #3 ... hope its alright. Give your comments.
- 8 anos atrás
sharmavn889
- 8 anos atrás
Thanks for the comments. Please check my entry #2 for the updated design.
- 8 anos atrás
1. Proprietário do Concurso
  - 8 anos atrás
  I think there was a misunderstanding. I have added more comments.
  - 8 anos atrás
sharmavn889
- 8 anos atrás
Have started working on this. Please wait for my entry, will submit in 2-3 hours.
- 8 anos atrás
1. Proprietário do Concurso
  - 8 anos atrás
  Of course. I look forward to seeing your entry.
  - 8 anos atrás