Need a UI designed for SaaS project. Test contest.

  • Status: Closed
  • Prize: $200
  • Entries Received: 14
  • Winner: ksurat

Contest Brief

I am looking for a designer to create UI for our web application (currently based on material-ui components).
This is a test assignment. If I like your design I'll be able to offer you more work.

Information about the system:
1. system has 2 types of entities: Racks and Equipment.
2. both Racks and Equipment have many properties, such as ID, Name, Type, Voltage, etc. Racks' and Equipment's sets of properties are different, but total number of properties is several dozens, so they do not fit in one screen if displayed all at once.
3. Types of properties are: Text, Textarea, Toggle, Numeric Input, Dropdown with single selectable option, Dropdown with multiple selectable options (can select more than one option at once).
4. Equipment can be assigned to 1 Rack (or stay unassigned). Single Rack can have multiple Equipment items.
5. max number of Racks is 10, max number of Equipment items is 100, so if you display them in a table, you don't need pagination.

For this assignment, please design a UI for users to manage the following:
a. view Racks and Equipment Items; if you decide to show them in a table, you don't have to display all properties, only the most important ones (table doesn't have to scroll horizontally).
b. assign Equipment to Rack; unassign Equipment from Rack.
c. select all Equipment items assigned to a particular Rack and assign them to another Rack; unassign all items from a Rack.
d. edit Racks and Equipment properties. Give your test properties any names, but in your design show me examples of all types from paragraph #3. In real system names can be from 3 to 50 characters long. Show me how you display dozens of options in one dialog.

Recommended Skills

Winner
Featured Contest
Post a Contest Like This

Employer Feedback

“I was looking for UI ideas and Shan provided what I needed and more.”

Profile image eldapro, United States.

Top entries from this contest

View More Entries

Public Clarification Board

  • eldapro
    Contest Holder
    • 3 years ago

    The winner has been selected. I got several nice designs, but I was looking mostly for ideas and the winning entry showed many ways to organize and display data - exactly what I needed. Thank you all for participation.

    • 3 years ago
  • eldapro
    Contest Holder
    • 3 years ago

    To all contestants: thank you for participation. Now I need to discuss your works with product owners, then we will choose the winner. It will take some time, so please be patient.

    • 3 years ago
    1. humaunkabirsunny
      humaunkabirsunny
      • 3 years ago

      Thank you so much, Dear CH

      • 3 years ago
    2. JegorBabak
      JegorBabak
      • 3 years ago

      Thank you a lot for the info. I'll look forward to any news from you.

      • 3 years ago
  • JegorBabak
    JegorBabak
    • 3 years ago

    Hello Sir, here is my new draft (3 pictures). I have changed some concepts due to your comments. Hope you'll like new draft. Please feel free to let me know your feedback. Kind Regards!

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      Thank you, it's clear now.

      • 3 years ago
    2. JegorBabak
      JegorBabak
      • 3 years ago

      Great, thanks for the feedback!

      • 3 years ago
  • ksurat
    ksurat
    • 3 years ago

    Hello sir! For entry #17 , is there any revisions you want to improve my submission?

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      No, it solves the described task and I can understand every step, no need to clarify anything.

      • 3 years ago
  • ikhan0877
    ikhan0877
    • 3 years ago

    entry #27

    • 3 years ago
    View 2 more messages Processing...
    1. ikhan0877
      ikhan0877
      • 3 years ago

      Entry #28

      • 3 years ago
    2. ikhan0877
      ikhan0877
      • 3 years ago

      Entry #29

      • 3 years ago
  • JegorBabak
    JegorBabak
    • 3 years ago

    Hello Sir, thank you a lot for really interesting contest task! Can you check my draft #26 please? I just tried to follow your requirements and principles of material design. Hope you'll like the concept. Feel free to let me know if you need any changes or fixes. I'll looking forward to your feedback.

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      Since the capacity of racks is not limited (they can contain dozens of items) it's not clear how you would show all items in the rack. The concept of slots that you have is a bit confusing. Also, it's not clear to me how you would show all unassigned equipment items. For example, user just created 100 of items and wants to assign first 25 to rack #1. How can it be done? Would I have to open that rack and use slots dropdowns 25 times?

      • 3 years ago
    2. JegorBabak
      JegorBabak
      • 3 years ago

      Got it, thank you a lot for your feedback! I'll fix the concept and send you new draft. You can also connect me via private messages so It will be possible for me to send you fixed draft direcrtly.

      • 3 years ago
  • eldapro
    Contest Holder
    • 3 years ago

    To all contestants: sorry, I don't provide star ratings to make sure I get more diverse ideas. If I didn't provide any feedback and your entry is not rejected, that means I don't have any questions and think your design solves the described problem.

    • 3 years ago
  • Dina2806
    Dina2806
    • 3 years ago

    Hello! I have 2 questions: 1)May items or racks have images/cover pics?
    2)What is the "vibe" of your app, like, should it have serious/professional or colorful/playful look?

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      1. No cover images for either racks or equipment items.
      2. This is an application for engineers, managers and documentation writers. So I guess it's serious, but I am not sure what a playful app would look like though :)

      • 3 years ago
  • ksurat
    ksurat
    • 3 years ago

    Dear contest holder, can I submit a design using Figma?

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      sure

      • 3 years ago
  • hamidzizo30
    hamidzizo30
    • 3 years ago

    imaging sealing your entry and yet getting rejected xD

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      I only rejected entries that do not solve the described problem. Like "I am working" or "Check my random UI from another project".

      • 3 years ago
  • khaledabdelmotty
    khaledabdelmotty
    • 3 years ago

    can you check my portfolio on behance ?

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      I can, after you submit an entry.

      • 3 years ago
  • aminansar
    aminansar
    • 3 years ago

    We are not able to understand what exactly you need. Please consider making sketches to save time of yours and ours. You only need to make a few pencil sketches to show us what is in your mind actually. They don't have to be perfect, just give us a general idea.

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      My sketches would affect your creativity. Somehow few other contestants were able to get the idea, so it's definitely possible.

      • 3 years ago
  • alexbatista
    alexbatista
    • 3 years ago

    I am working on your project. I would like to have the if possible the customer journey to understand the user flow. Thank you

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      Another way to look at it is that there are bookshelves and books. User has many bookshelves and even more books and wants an app (web app in our case) to assign books to bookshelves. Both shelves and books have plenty of attributes, such as size, color, cover, author, material, erc. that need to be stored in the system.

      • 3 years ago
  • cyberhue
    cyberhue
    • 3 years ago

    Hi. Seems interesting! I'm in but please don't close the contest without providing a custom deadline if needed. Thanks.

    • 3 years ago
  • mertgenco
    mertgenco
    • 3 years ago

    Hello, I understand your concern about not sharing any screenshot but to be honest I didn't understand concept of web application. Maybe you can share something else to elaborate that?

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      Another way to look at it is that there are bookshelves and books. User has many bookshelves and even more books and wants an app (web app in our case) to assign books to bookshelves. Both shelves and books have plenty of attributes, such as size, color, cover, author, material, erc. that need to be stored in the system.

      Hope that helps.

      • 3 years ago
  • eldapro
    Contest Holder
    • 3 years ago

    Post a message here if you need any clarification.

    • 3 years ago
  • aniketmusmade
    aniketmusmade
    • 3 years ago

    Can you please upload some screenshots of your current interface?

    • 3 years ago
    1. eldapro
      Contest Holder
      • 3 years ago

      I'd like to get some fresh ideas, so no.

      • 3 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!