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.