Design a Website Mockup for Admin Area

  • Durum: Closed
  • Ödül: $250
  • Alınan Girdiler: 4
  • Kazanan: GigaFlip

Yarışma Özeti

I want to freshen up the admin-area of a site I'm running - I want just a bit more Professional/consistent look.

What NOT to change: The general layout, like position of the menu to the left, the header and footer and where the Content part is. What I'm really after, is to just freshen up the design a tiny bit and "upgrade" the design to use ready made Components from Bootstrap-project. 80% of the work will be in just optimizing this and making the "framework". When the left-menu, header and content-part is OK, that is most of this job.

I need you to develop a html-mockup using Bootstrap. Example content should just be hard coded in html in order to show how lists should be arranged in html and bootstrap. If there are forms or visual editor (I will pay for any editor you want to use), they should be able to submit data just to show how it can work (but oviously it doesn't need to be saved, I will do that part).

Each page should look extremely similar to each other, but you do of course need to adapt it since there are some special content in some pages. So I don't think this project would be TO much work since you can do copy/paste and just change a few thing when you have presented something good.

Icons should be used from Glyphicons already included in Boot strap project and also shown an screenshot example in my images below (screen-folder).

Screen Shots of what the application looks like today (and some other stuff):
http://www.a4.no/screen

Framework I want implemented:
http://getbootstrap.com

Other stuff: I do want a fixed width and not to wide area, max 1024px wide (absolutely max). Few colors, but alternate colors or shades of grey/little color in lists/rows is good. The text in the logo is not in use, here you should use css to put text beside the logo (instead of hard coded text) - make it look nice.

All lists should be made ready for pagnation/paging/browse throgh page Prev-Page1,Page2,Page3.... Next..

Why I want bootstrap? Because I like the easy ways to make boxes/corners and special stuff in a professional looking manner without having to know everything about design.

How I will judge: I want you to submit a suggestion (screenshot or image) of one or more pages and based on that, I will decide the best design and will trust you to make the other pages in the same fashion. You MUST be an expert in CSS/HTML and very good in javascript - I do not want a ton of css-garbage, it should be optimized and easy readable. When you are announced as a winner, you must send over working mockup (html/css/javascript) of most of the same pages as I have shown in the /screen folder (at least so that I'm able to code it into my php-application - you do not need to detail code everything). You may also be hired to do more work (on a hourly basis) if you/we feel it is needed. I will be very fair.

Aranan Beceriler

İşveren Geribildirimi

“They won a webdesign-contest that I created and did both the design and coding for it perfectly. I don\'t have anything to complain about. I would use them again!”

Profil Görüntüsü DeltaUser, Norway.

Bu yarışmadan başlıca girdiler

Daha Fazla Girdi Görüntüleyin

Genel Açıklama Panosu

  • DeltaUser
    Yarışma Sahibi
    • 8 yıl önce

    There are currently two designs that competes - if you have anything to show, by adding a few more pages to prove your skills, you should present it now. I'm specially interested in list-design where there are help text on top and list/browse.

    • 8 yıl önce
  • inetacadexec
    inetacadexec
    • 8 yıl önce

    Hi, I think that it will be seemed, if all continuous pages you selected is opened as BootStrap sliders. Thanks, Good luck.

    • 8 yıl önce
  • updated6188
    updated6188
    • 8 yıl önce

    check #11 and let me know the feedback so I can change according to your requirement.

    • 8 yıl önce
  • DeltaUser
    Yarışma Sahibi
    • 8 yıl önce

    The 4 links is opening a new window (not really popup). It is the editor, upload of more product images (gallery), a extra field page and configuration. If you have ideas on how to integrate them better, it is just a plus.

    • 8 yıl önce
  • DeltaUser
    Yarışma Sahibi
    • 8 yıl önce

    The editor is launched from the product-add/edit page. Now, it just opens in a new browser page. So I'm open to ideas on how to integrate it better, either through a real pop-up or directly into the design somehow. The editor can be resized easly.

    • 8 yıl önce
  • GigaFlip
    GigaFlip
    • 8 yıl önce

    There are 4 links for the 'Features' form item on the Product form. What is the functionality of this form item?

    • 8 yıl önce
  • GigaFlip
    GigaFlip
    • 8 yıl önce

    The screen shot with caption "WYSIWYG" just says pop-up and shows an editor. What needs to be done here?

    • 8 yıl önce
  • updated6188
    updated6188
    • 8 yıl önce

    Can you provide the logo in png format to use in the template Or I should use the text format logo? Let me know Thanks

    • 8 yıl önce
    1. DeltaUser
      Yarışma Sahibi
      • 8 yıl önce

      The logo is just a placeholder in a way, we don't have a logo yet. But if possible, you can add some text beside the logo (will Exchange the logo With each logged in users Company name).

      • 8 yıl önce
  • DeltaUser
    Yarışma Sahibi
    • 8 yıl önce

    Yes, at max. I'm not very strict about it - the most important part is the overall design and that I'm shown a concept that I can reproduce.

    • 8 yıl önce
  • codeunderground
    codeunderground
    • 8 yıl önce

    So there are 16 screens total?

    • 8 yıl önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!