Design an Administration panel

Status: Closed
Prêmio: €650
Inscrições Recebidas: 21
Vencedor: evgeniygavr

Winner

Síntese do concurso

We are building an application where our customers can collect data via forms. They can design their own forms and publish them on different web portals. Also, they can receive paper forms (which are scanned and then ported to our system), they can receive forms via system-to-system integration (api's), and their employees also can insert forms themselves.

We're currently working on a backend system where our customers have the ability to manage their forms. We have a current layout (see the Attachment section below). We want the following things;

- A redesign of our header. A new logo was designed for us (see the Attachment section below), which should be put in the designer. Along with the text; 'Dimaros Forms'.
- A redesign of the menu above. We actually want 5 buttons; Dashboard / Forms / Forms Designer / Submitted Forms / Settings
- Two designed pages; 1) Our dashboard. 2) The main Form page, when you've clicked on a Form.

We want to keep our system simple and functional for the user. So no screens filled with useless graphs and pie charts, but focus on functionality.

* DASHBOARD
For the dashboard we have the following in mind. Forms can be received via multiple sources; Portals, System integration, Paper and User (backend) input. When the user logs in he has to see four boxes where he can click through to the source which he wants to see the input from.

Some possible data items per form source;
- Name of the Form Source: (Portal / S2S integration / Paper / User input)
- Number of forms received by status (Prepared / Draft / Submitted / Processed).
- Number of different Forms which can be filled in via the source
- Form categories
- Name of the Administrator of the Form Source
- Button to click on to proceed to the detail screen

* FORM SOURCE DETAIL PAGE
When you click on one of the Form Sources, you can manage everything on the 'Form Source Detail Page'. I would like to have a visual representation for how many forms there are on each status. I made a small example of an idea I had to design this page, it's attached in the Attachment section.

Some possible ideas;
- The 'Submitted Form' grid has to have the following columns; Id / Form name / Submitted by / Submitted on / Status / Actions
- The 'Available Forms' tab contains a list of Form names divided into Categories
- The 'Statistics' tab may contain all your funky piechart stuff, go wild on this one :D
- The 'Settings' tab, well; you can pretty much leave that behind. Leave that to us devs

* SOME STYLING GUIDES
Please use the following styleguide as a reference.
- Please use Segoe UI or another Metro-like font
- Please use the color #007acc as the base color for blue. You can use the green and orange from our logo as well, or any other colors which you think might suit us!
- It would be great to have some icons for the different statuses. I like a visual approach, it's more user friendly.

I added an example of a layout which I found pretty neat. I'll also try to update this page when I find some more examples of layouts which I find amazing. Thanks for reading this and good luck!

Habilidades Recomendadas

Winner

Lance um Concurso Como Este

Painel de Comentários

SherryMalik786
- 7 anos atrás
Please Rate entry #28
- 7 anos atrás
mirzaramadhany
- 7 anos atrás
Hi, Please check #23. Thank you :D
- 7 anos atrás
evgeniygavr
- 7 anos atrás
Hi there! Don't close contest early. I'll soon upload my example. Thanks!
- 7 anos atrás
1. Proprietário do Concurso
  - 7 anos atrás
  I won't close before the date ends. Thanks :)
  - 7 anos atrás
cascadeideas
- 7 anos atrás
Hi. I just want to clarify one thing. Do you need the HTML files or just the Image of the design?
- 7 anos atrás
1. Proprietário do Concurso
  - 7 anos atrás
  Image of the design is fine!
  - 7 anos atrás
adixsoft
- 7 anos atrás
Please provide feedback on #10. Thanks
- 7 anos atrás
ohmyfunsite
- 7 anos atrás
Hi! Please don't close the contest before the time. Thank you!
- 7 anos atrás
1. Proprietário do Concurso
  - 7 anos atrás
  I won't close the contest before the time has expired, you can be sure of that :)
  - 7 anos atrás
Nabs Studio
- 7 anos atrás
Hi CH do me favor just want to know you need back end work too ??
- 7 anos atrás
1. Proprietário do Concurso
  - 7 anos atrás
  Don't really understand the question, but we need a new design. So Photoshop/Illustrator/etc works fine!
  - 7 anos atrás
evgeniygavr
- 7 anos atrás
Hi. Image, that you have uploaded 'currentlayout' it's actually your recent design? Can you provide some prototype for page that you need?
- 7 anos atrás
1. Proprietário do Concurso
  - 7 anos atrás
  Yes, that's the recent design indeed. What do you need beside the image? The HTML?
  - 7 anos atrás
lancerajee
- 7 anos atrás
Can you please confirm the final delivery. Whether you need assets on PSD file or HTML Files
- 7 anos atrás
1. Proprietário do Concurso
  - 7 anos atrás
  It's both perfectly fine, but the winner will be selected based on the design :)
  - 7 anos atrás