Design a Website User Interface for QRcode generation company

  • Status: Closed
  • Prize: $640
  • Entries Received: 51
  • Winner: sptechnocrats

Contest Brief

We’re new and innovative company to allow visitors to create QRcodes directly from our website. Our url is: qrencode(dot)net
We’re looking for a design of our home page user interface. Just like many companies these days have the home page as a functional landing page instead of welcome text (colorpicker(dot)com, favicon(dot)cc, etc), we too are looking to have a page where the user can go, and right from the home page can start creating a product.
The functionality will be similar to qrstuff(dot)com, but we will allow the visitor to upload their images. Then the user will be able to draw a square on that picture and the QRcode will be placed inside that square.
In short, the user will have to perform 5 steps:
1 select what kind of QRcode to create (url, sms, address, contact info, etc)
2 fill-in the information required for that type of QRcode
3 upload the image (including button to upload, drag-images-here, etc, image preview area after uploaded, etc)
4 draw a square on top of the uploaded image
5 verify and download the produced output image
The idea is similar to what can be seen on madrani(dot)com/qrcode/ site, but needs to be much simpler to navigate.

We like modern clear style for our website, but we would also like to see colors, however the main background should stay relatively clear.

Good luck to you all,

Recommended Skills

Employer Feedback

“Thanks, this was interesting contest, and you won every bit of it. Good luck, Regards,”

Profile image zabalex, United States.

Top entries from this contest

View More Entries

Public Clarification Board

  • zabalex
    Contest Holder
    • 2 years ago

    Hello Contenders!
    Now is the time to announce the final winner! Let me share with you how we classified the designs to rank them. Designs with:
    2-stars had something to contribute, but the idea was not fully explored.
    3-stars were given to the designs that clearly understood the requirement, elaborated on the design, and had designed all, or most of the required workflow.
    4-stars were given to 4 finalists - each design had great and very well thought-through UI and great design.
    The final selection was the most difficult because we liked all 4. We liked one design's color combination and the other design's for ideal UI. Due to UI being the primary focus of this project we've selected *Sptechnocrats* design#57 as the winner.
    Congratulations to all 4-stars!
    With the small changes, such as selection of 'yellow' for header area, which we didn't find appealing, the overall UI and simplicity was nearly perfect. I'm sure we can request small-final tweaks to achieve perfection.

    • 2 years ago
  • andradedan
    andradedan
    • 2 years ago

    I only just saw the contest, so I only had the time to make a conceptual mock, but if you like it (#58) please contact me ^^

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      sorry Andradedan for just coming across this contest. This was an interesting competition, and I have at least a few designs that I like. This will be very hard to make a final selection, as many are really good.

      • 2 years ago
    2. andradedan
      andradedan
      • 2 years ago

      No problem, thank you for even bothering to reply, I just had to try, I'm sure that whatever design you choose will be great.

      • 2 years ago
  • zabalex
    Contest Holder
    • 2 years ago

    We're going to make our decision within the next 48 hours. Please stand by for the announcement.

    • 2 years ago
  • zabalex
    Contest Holder
    • 2 years ago

    First and foremost, I'd like to thank everyone of you for submitting your designs! Most of you had great ideas and uniqueness in your design and approach to the required UI. Interesting that while my requirement stated certain constrains on colors and shapes, some of the submitted designs took different approach, and using your design talent were able to demonstrate to our decision making team alternative approaches to the solution.

    • 2 years ago
  • lauranl
    lauranl
    • 2 years ago

    Hello! Can you check #42 and #43?. Only last picture of #42 it's wrong because did not notice when I sent the 2nd design, since I have the two designs in the same folder. Thanks

    • 2 years ago
  • manishb1
    manishb1
    • 2 years ago

    Kindly check entry #54. Thanks.

    • 2 years ago
  • lauranl
    lauranl
    • 2 years ago

    Hi! The entry for last step of Design 2 is #43. Thanks.

    • 2 years ago
  • lauranl
    lauranl
    • 2 years ago

    Hi! The last picture in #42 is wrong. I'll submit separatly. Thanks.

    • 2 years ago
  • lauranl
    lauranl
    • 2 years ago

    Hi Zabalex! Please view my design 2. Thanks.

    • 2 years ago
  • bestbider
    bestbider
    • 2 years ago

    Please waite.. I will provide some designs soon

    • 2 years ago
  • ProliSoft
    ProliSoft
    • 2 years ago

    Please review #41 & let us know your comments.

    • 2 years ago
  • uniqueclick
    uniqueclick
    • 2 years ago

    Working on new one.

    • 2 years ago
  • uniqueclick
    uniqueclick
    • 2 years ago

    Hello Sir, Please check #35 & #37 and Let me know your review in Personal Message. Thanks

    • 2 years ago
    1. uniqueclick
      uniqueclick
      • 2 years ago

      Hello Sir, I think there is some misunderstanding, let me explain it in PM.

      • 2 years ago
    2. uniqueclick
      uniqueclick
      • 2 years ago

      Please check Personal Message, Just click on my username above

      • 2 years ago
  • eleopardstudios
    eleopardstudios
    • 2 years ago

    Feedback on #30

    • 2 years ago
  • lauranl
    lauranl
    • 2 years ago

    Hello! Please check #34. Also I have sent a PM explaining the complete entry (it have 6 images). Thanks.

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      Hello Lauranl, thank you for your submission. I reviewed your designs and I understand the flow of events. I think the User Interface is not as intuitive as I would like to see it. Maybe make step2 more obvious? Via highlighting of the area, graphical arrows pointing that the step in required. Regarding everything else, try to use more colors in your design, to make it a little brighter. Thanks again, Regards, and good luck!

      • 2 years ago
    2. lauranl
      lauranl
      • 2 years ago

      Hello Zabalex! Thanks for your suggestions! I think tomorrow I'll can upload a new design. Thanks and Best Regards. Laura

      • 2 years ago
  • lauranl
    lauranl
    • 2 years ago

    Hello! I think in a few hours I'll submit my entry. I want to know what colors you like. Thanks

    • 2 years ago
  • yogeshsharma89
    yogeshsharma89
    • 2 years ago

    you specified about visualead(dout)com earlier. Do we need to design the home page showing what the product is, and the features of the product just like they did ? or the page should contain upload images, draw square etc and stuff like that ?

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      Ideally I would like to have both. Since I don't have a good gallery of images yet, feel free to copy images from them to use as a placeholder. When I have a product, I'll replace the images.

      • 2 years ago
    2. yogeshsharma89
      yogeshsharma89
      • 2 years ago

      ok thanks.

      • 2 years ago
  • mahade87
    mahade87
    • 2 years ago

    Hi,
    Do your need 1 page or 5?

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      unless you can put all 5 elements on 1 page and it would still look good. Otherwise I need the whole storyboard.

      • 2 years ago
  • alexisbigcas11
    alexisbigcas11
    • 2 years ago

    Do you want 1 step for every Page? 5 Steps so 5 Pages?

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      unless you can put all 5 elements on 1 page and it would still look good.

      • 2 years ago
  • qrstuff
    qrstuff
    • 2 years ago

    Just looking...

    • 2 years ago
  • mateuszwozniak
    mateuszwozniak
    • 2 years ago

    Please check work #24, provide feedback and rate my work. :) Then I will design next section. Thank you :) Best Regards, Matthew

    • 2 years ago
  • uniqueclick
    uniqueclick
    • 2 years ago

    Working on it, Please wait for my entry. Thanks

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      don't worry, I'm not going anywhere ;) I'll wait until the end of the deadline before making my decision. Good luck!

      • 2 years ago
    2. uniqueclick
      uniqueclick
      • 2 years ago

      OK Thanks :)

      • 2 years ago
  • jaggysnake57
    jaggysnake57
    • 2 years ago

    Do you have a logo?

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      No, I don't have a logo yet. I have one idea in mind, but it hasn't been implemented yet. Think of it as colorful logo - kind of like yours, but not round.

      • 2 years ago
  • steffinjoseph
    steffinjoseph
    • 2 years ago

    Please check #11

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      11 is just the beginning of the interface. Something similar to what I already have right now. I'm looking for multiple screens step-by-step process design, or if you can fit everything on one page - than the page with all elements is what I'm looking for.

      • 2 years ago
  • Razi2201
    Razi2201
    • 2 years ago

    Do you have any website reference ? so that we can do more better job

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      I kind of came across visualead(dout)com - I like what they did, but I don't want to copy them since our products are very similar.

      • 2 years ago
  • usha12345
    usha12345
    • 2 years ago

    i can do this work.

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      of course you can :) that's why you're here. ... try and see if you're better than others

      • 2 years ago
  • lauranl
    lauranl
    • 2 years ago

    Hi! I'm working, thanks.

    • 2 years ago
  • yogeshsharma89
    yogeshsharma89
    • 2 years ago

    Is functionality also required for the contest ? or only the design for now ? Please let me know.

    • 2 years ago
    1. Pavithranmm
      Pavithranmm
      • 2 years ago

      " no programming is expected from you, but if you like to participate in further slicing and programming, and adding css, we can talk about that option as well. " ------- See below the Contest holder commented like this previously. :)

      • 2 years ago
    2. Razi2201
      Razi2201
      • 2 years ago

      will submit my entry soon

      • 2 years ago
  • Pavithranmm
    Pavithranmm
    • 2 years ago

    Will submit my entry tomorrow. thanks

    • 2 years ago
  • Pavithranmm
    Pavithranmm
    • 2 years ago

    Working..thanks

    • 2 years ago
  • AhmadHn
    AhmadHn
    • 2 years ago

    Is this contest is just a photo "PSD" of the site
    Or programming is required as well?

    • 2 years ago
    1. zabalex
      Contest Holder
      • 2 years ago

      no programming is expected from you, but if you like to participate in further slicing and programming, and adding css, we can talk about that option as well.

      • 2 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!