Design an interactive gallery

  • Durum: Closed
  • Ödül: $250
  • Alınan Girdiler: 6
  • Kazanan: JakiZack

Yarışma Özeti

This contest is about very - very - small design improvements and html5-cleanup to an working demosite.

I want to improve the design (just a little) and the html5/boostrap 3/jquery quality (a lot) of this mockup-design on this demo-website: [login to view URL] (should be responsive)

LESS IS MORE

We are mostly talking small touch-up/improvements regarding the design. Keep it super-simple like it is. Colors are only ment to pop-out and be extra eye-candy when used - I think we can avoid colors by default, but have it on the upload page and few other places. Keep the air (white space) similar to what it is. Light. It is all about the content/the images - that is what important. So need a nice, descrete frame around it, almost like it is now.

On the website above, I have just used quick and dirty html5/bootstrap/jquery to get the design/mock-up/wireframe working in FireFox and to show you all the content basically. YOU must do it professional - you will see a lot of issues in other browsers and I want improvements to the design to make it flow better. So you should make both the design and the html5/bootstrap version 3/jquery-coding from ground up using my concept-design and your design-improvements if you win.

As little colors as possible - if any. I use Bootstrap 3 because I like the colors better (less flashy/glory - like white/primary in BS3 - a bit faded/discrete colors like that). Default gray or shades of gray can be used a lot and possibly/maybe dark navy blue/primary at max (search button looks nice with default bootstrap button like now). Look at the upload-image page as well, no more colors than that, it is the max. I like that blue on that page.

All users are normally logged in and can perform different actions on this kind of control-panel.

The left categories should be selectable by click and expand/select top-level-checkbox and any sub-folders on click. Tags is just normal tags, could be many of them.

IMPORTANT #1:

Please show examples of different image sizes so I can judge this important part of the project.

IMPORTANT #2:

Font-type is everything in this project since there are so little "design" in the webpage. Notice the gray-isj color I have in the left menu for folder-text, I like that better than black (also for input boxes). Google-fonts are often nice, but keep it clean/formal and use bootstrap-components - without any/to much javascript. HTML5 and bootstrap should by practically all the html.

-------------

Give me your best GUI-design. If you win, you must to code it in html5/bootstrap/jquery - kind of working mock up that would keep the selected folders/sub-folders as far as possible, so that you almost get an impression of everything working.

If you want to show a different state (for instance on the input-boxes/folders), you can show me example from other websites. Any method to show me how you intend to solve the task will help your design if you can't draw it easly.

I gotten inspiration of check boxes [login to view URL]:
[login to view URL]

Tavsiye Edilen Beceriler

İşveren Geribildirimi

“Got the job done.”

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

Bu yarışmadan başlıca girdiler

Daha Fazla Katılım Görüntüle

Genel Açıklama Panosu

  • DeltaUser
    Yarışma Sahibi
    • 4 ay önce

    Remember to notify me in advance if you are working on something - so that I don't close competition to early. There are already one good competitor here.

    • 4 ay önce
    1. Nunaram
      Nunaram
      • 4 ay önce

      hi did you get your project done?? I am asking becoz i found no review on the contest winner profile.

      • 4 ay önce
    2. DeltaUser
      Yarışma Sahibi
      • 4 ay önce

      He is working on it, it has to be converted to html and it takes a few days.

      • 4 ay önce
  • zzzznaz
    zzzznaz
    • 4 ay önce

    please check my entry hope you will like it #19

    • 4 ay önce
    1. zzzznaz
      zzzznaz
      • 4 ay önce

      so why dont you close the competition then

      • 4 ay önce
    2. DeltaUser
      Yarışma Sahibi
      • 4 ay önce

      Because there are no buttons or any options for closing the contest. Even on the "Contests"-page, the list is empty. Freelancer-staff has also confirmed the contest is closed, this was two days ago. If I had an option for it, I would have done it.

      • 4 ay önce
  • SolutionsSP
    SolutionsSP
    • 4 ay önce

    Good luck, although it is so little amount of the prize for the design and the development of the gallery code.

    • 4 ay önce
  • Nunaram
    Nunaram
    • 4 ay önce

    why did not you wait? I have wasted 9 hours on it.

    • 4 ay önce
  • Nunaram
    Nunaram
    • 4 ay önce

    working on it, please wait.

    • 4 ay önce
  • boushib
    boushib
    • 4 ay önce

    Working on it, Please wait for my entry. Thanks

    • 4 ay ö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!