Challenge Summary

Welcome to the TCO19 RUX 1 UI Design Challenge! This challenge is a 60-minute Design Challenge, that will be used for evaluating the design finalist matchups for the TCO19 RUX 2 UI Design Round.

The challenge starts at 12:50 PM and you must upload your submission by 2:00 PM.

The goal of this 1- Hour RUX Challenge is to take the provided design problem, analyze the requirements and provide design concepts and visual solutions on what the best user experience would be.

This challenge is for TCO19 UI Design Finalists ONLY. Do not register if you are not part of TCO19 Houston Texas.

ALL TOPCODER DESIGN RULES APPLY. Entries must be your original work, and must not infringe on the copyright or licenses of others. All standard Topcoder Terms, Topcoder Policies apply to this challenge. Your design must be created by you and original to you. You are allowed to be inspired by design research but copying and submitting someone else's designs is against Topcoder policies and will not be tolerated. 

RESPECT OTHER DESIGNERS. If you have any doubts ask!

Topcoder Community Code of Conduct

The Digital Product Catalog (DPC) is a repository for Hestia digital assets (PDF, images, 3D models, videos, etc.). Hestia websites and applications (Business to Business B2B and Business to Consumer B2C) will connect with the Digital Product Catalog to request these digital assets using API calls.

The scope of RUX 1 is to design a modern search page for the Digital Product Catalog, leveraging the provided wireframe, which currently allows the users to search for product digital assets based on different fields. The most common asset in DPC is the product specification PDF file.

Design Problem
All the products that Hestia sells have a base specification file supplied by their vendors. Here are a few examples of what product specifications files look like.

Hestia employees would like to look for information not only based on the current metadata stored for each product specification file but in the future also on the information stored inside the asset itself. Think OCR (optical character recognition.) + Artificial Intelligence and Machine Learning).

Product Specification Sheets
The most common asset is the Specification PDF file. The base specification sheets are provided by manufacturers to Hestia (Base Specification File). Hestia employees will go in and manually create notes (annotate) these files and create product groupings (Specification File). The updated file will be saved as a new file (what you see in the table as Specification File). It is a time-consuming process and takes a large amount of effort. The customer would like to optimize this part by using OCR (Optical Character Recognition) technology or Artificial Intelligence. It is up to you to think of creative ways on how to integrate these into improving the provided application search.

Hestia employees are able to search on the following:
- Product code
- MPID (numeric key)
- Vendor product code
Vendor name
- The date the product was added
- Filename

We are providing a wireframe that we would like to be used as a starting point for you to think and explore the design problem. DO NOT COLOR THE WIREFRAME (or everyone's designs will look the same). The scope of the challenge is for you to bring your concepts and ideas to the project.

Users of the application will be able to: view, edit, comment (annotate), delete, or replace each of the product specifications as well as send a specification sheet to an email (note: for the purpose of this round, we don't need to show these interactions).

Design Concepts/Thoughts
- As many of the current assets and future assets are specification sheets, it would super cool to execute a "smart" search across the actual data contained in the assets versus the metadata stored in the repository.
- Possible ranking of the files by usage (popularity)
- Ranking of the file by resolution (or any quality parameters)
- Status (approve, rejected) - if a specification sheet didn't meet all the requirements, then it will be rejected
- Ranking of the file based on levels of completeness of the data.

Additional Details
The user is able to easily view the asset and attributes about that asset such as date loaded, size, vendor, etc. As the search is going to be based across the data contained in an asset, not only in the metadata, the returning hits will be based on ranking relevancy.

- The customer has existing Hestia brand guidelines to use for this application. We would like you to follow the branding but focus more on creating a great user experience, and providing design concepts for solving the problem than focusing on the branding.
- You can download the logo file from here

- Hestia Employees  - Users can search/create/edit the product specification sheet

Submission Format Requirements: 
- Screen size (web): width 1280px x Height as long as needed
- Upload your submission on the challenge details page
- Submit what you have!

Judging Criteria:
- Your submission will be judged on the following criteria:
- How strong your concept is
- Clean and modern design
- How much you explored the new technologies (AI, OCR)

Submission & Source Files:
Submission File
- All requested Contest Deliverables in JPG or PNG file format in RGB color mode at 72dpi.

Source Files
- All original source files of the submitted design.

Preview Image
- Please create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place your submissions within it.

Stock Artwork
- Stock photography is allowed in this challenge. See this page for more details.
- Stock icons are allowed in this challenge. See this page for more details.

Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.


2020 Topcoder(R) Open


Screening Scorecard


Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "" file.
  3. Place all of your source files into a "" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.


All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.


Questions? ‌Ask in the Challenge Discussion Forums.


  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar
  • EPS files created in Adobe Illustrator or similar
  • Vector AI files created in Adobe Illustrator or similar
  • Sketch

You must include all source files with your submission.




ID: 30106770