Key Information

Register
Submit
The challenge is finished.

Challenge Summary

Welcome to this F2F Design Challenge. We need to design three responsive pages for a new review process in Topcoder called “Peer Review”. You’re provided with the overall style of the website, you just need to design content and layout.


The goal of this F2F Design Challenge is to design the new review process website pages. Community members will be able to perform a “Peer Review” and we need a simple but consistent design that covers the required scenarios.

GUIDELINES
- Download and apply as much as possible the Topcoder Website PSD GUI Kit. Keep consistency with the current site (same colors, fonts, UI elements).
- Use Baseline file as a start point (it has header and footer). Layout and content design is up to you.
- Mockups contain the content and visual guidance that need to be showed in your design.
- Provide desktop and mobile versions of the designs (sames dimensions as the templates, don't change the width of any of them).


DESIGN REQUIREMENTS
1) Status Page
- See 1.status.png. Display the same content here.
- This is a table with information about the status of the reviews.
- There are two possible statuses only: Completed and Not Submitted.
- Apply proper styles to buttons.

2) Review
- See 2.review_edit.png. Display the same content here with UI elements.
- Apply proper styles to buttons.
- Show an alternate version when the review is totally completed (not editable - 2.review_edit.png).

3) Challenge Details
- See 3.details.png. We’re interested in the top area content only, the badge with the text.
- Pick any badge from Badges zip file and make a similar layout to the provided details screen. It means the prizing area needs to be removed to fit this new content.
- Make “Click Review to Start” a button.

DESIGN F2F CHALLENGE RULES
- This challenge is subjective. The first solution that the client likes and fulfills the requirements will win.
- We will consider all submissions until the deadline is over or a winner is declared prior to the deadline completion.
- Submissions may receive feedback before the challenge ends. The forum will be the meeting place to discuss feedback. Make sure to watch this challenge forum.

SUBMISSION FILES
All requested challenge requirements/screens as JPG or PNG files at 72dpi.

SOURCE FILES
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.

PREVIEW IMAGE
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

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.

CHALLENGE LINKS:

SUBMISSION FORMAT:

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" 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.

Screening:

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.

CHALLENGE LINKS:

Questions? ‌Ask in the Challenge Discussion Forums.

SOURCE FILES:

  • Layered PSD files created in Adobe Photoshop or similar

You must include all source files with your submission.

SUBMISSION LIMIT:

Unlimited

SHARE:

ID: 30049782