UIScorecard

This is how UI Projects are evaluated.

Submission content

Each submission must contain the following, if these are not included, the submission is not considered in the review.

1. Video walkthrough of the design page to page (like a prototype walkthrough with navigating through the links explaining the user journey)

2. Source files of the submission (.fig, .xd, etc) if Figma design, please download the file and add it to the submission

3. Screenshots of the submission pages, each page exported as JPG or PNG, example: (Home.png, About.png, etc)

4. Licenses.txt a file containing links to all third-party assets (fonts, stock images, icons)  you used in the design. Check the quest to make sure which third-party assets are allowed.

All files should be zipped in 1 file called username_submission.zip, and uploaded in the submission form.

Scoring

The Total score is 100 points. A submission must score 80 points to be considered for a cash prize. The Highest score above the minimum required score wins first place.

Completeness [80 points]

1. Visual Design: [20]

   • Aesthetics: Is the design visually appealing? Does it align with the brand’s style and guidelines?

   • Color Scheme: Are the colors used effectively to create visual harmony and contrast?

   • Typography: Is the text clear and legible? Are font choices appropriate for the content and brand?

   • Imagery: Are images and icons used effectively? Do they support the content and enhance understanding?

2. Layout and Composition: [20]

   • Alignment: Are elements properly aligned, creating a balanced and organized layout?

   • Spacing: Is there appropriate use of white space to prevent clutter and improve readability?

   • Hierarchy: Does the layout guide users’ attention to the most important elements?

3. Consistency:[20]

   • Design Elements: Are design elements like buttons, icons, and forms consistent throughout the UI?

   • Style Guidelines: Does the design follow established style guidelines or patterns?

4. Brand Alignment:[10]

   • Brand Identity: Does the UI design reflect the brand’s identity and values?

   • Message Reinforcement: Is the design supporting and reinforcing the brand’s message?

5. Visual Feedback:[10]

   • Interactive Elements: Are there visual cues for interactive elements (e.g., hover effects, button states)?

   • Error Indicators: Are error messages and warnings visually clear and noticeable?

Flexibility [20 points]

• Design is friendly to multiple device types and responsive design

Allowed Third Party Assets

Unless explicitly declared in the quest project page by the client, you can only use Free, Open Source or Creative Commons licensed designs. Examples:

1. Font Awesome Free

2. Adobe Stock (included with Adobe Licenses)

Tracing or Copying existing designs is prohibited, and all designs are screened for copyright infringement.