Challenge Summary
Welcome to the Cockpit "Studio Submissions Viewer" Design Contest. The goal of this contest is to create some new pages to approach new experience reviewing submitted design in Studio Contests.
Please read the specification details below and let us know if you have questions
Contest Details TopCoder has recently introduced the TopCoder Cockpit Application, which allows Customers, as well as Staff, Copilots, etc., to directly engage with the TopCoder processes and Community. TopCoder Cockpit allows users to - Launch and Monitor Contests - View Submissions - Choose Winners for Competitions - Pay for and Download Finished Products and generally manage a project within the TopCoder platform. TopCoder Cockpit is the bridge between the Client and the TopCoder Community that gives a customer the ability to build software and complete design projects of any size or scope through competition. For this contest we need you create new design that will make client can review all submissions more faster, by provide them new way to view all images placed in competitor submissions. Please read more details requirements below. IMPORTANT - Keep simple and clean design! And have great user experience. - Group/package each graphics in its own folder layer with appropriate names/titles. - Keep things consistent. This means all graphics styles should work together. - All of the graphic should have a similar feel and general aesthetic appearance. - Make sure your design use Windows standard fonts (arial, tahoma, etc) - All text must be editable and non-graphical. - You must provide us how every screens looks in 1024px width and more wider screens. - Before you redesign the PSD, please click around on attached prototype to get more familiar with Cockpit Start a New Project application. DESIGN REQUIREMENT - We need you to redesign the Cockpit Studio Submissions Viewer page (see Studio-1.6-Final-Single-Submission.psd). - Currently the page just showing only one large thumbnail for each submission, we want the page show all thumbnails in a large, spread format that we want implementing into Cockpit Theme. - You can see the sample layout we like to implemented in the reference image provided (reference_image.jpg). - Please show us how the page would look like with 15 thumbnails (200px by 200px for each thumbnail). - You can use a placeholder for each thumbnail. - Please do not use pagination or carousel or other methods in showing the thumbnails. Show all the thumbnails on this page only. - We want the name of each thumbnail appear somehow on the page. (see reference_image.jpg) - Provide us a way to rank and give any feedback for the submission on the page. - If a user click or hover on a thumbnail, we want a large thumbnail appear somehow on the page. You may use a popup window or open the large thumbnail in a new page. - Please feel free to add your idea while designing the Cockpit Studio Submissions Viewer page. - You may explore and add any ideas to make the page user experience. - In the end , your design must have same design feeling like existing Cockpit Theme. RESEARCH - Do some research on how other companies provide browser thumbnails viewer. Tell us what you find. Target Audience - New Customers - Non expert Customers Judging Criteria - How well you create "Studio Submission Viewer" graphics and keep things consistent with the current Cockpit Application. - Cleanliness of your graphics and design - User Experience of "Studio Submission Viewer" Submission & Source Files Preview Image Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it. Submission File All Requested Contest Submission Requirements stated above. Source Files All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file. Final Fixes As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Round 1
Round One
Your submitted solution for a review.
Studio Submission Viewer(s)
Notes = Any comments about your design for the Client
Round 2
Final Design
Studio Submission Viewer(s)
Notes = Any comments about your design for the Client
Contest Details TopCoder has recently introduced the TopCoder Cockpit Application, which allows Customers, as well as Staff, Copilots, etc., to directly engage with the TopCoder processes and Community. TopCoder Cockpit allows users to - Launch and Monitor Contests - View Submissions - Choose Winners for Competitions - Pay for and Download Finished Products and generally manage a project within the TopCoder platform. TopCoder Cockpit is the bridge between the Client and the TopCoder Community that gives a customer the ability to build software and complete design projects of any size or scope through competition. For this contest we need you create new design that will make client can review all submissions more faster, by provide them new way to view all images placed in competitor submissions. Please read more details requirements below. IMPORTANT - Keep simple and clean design! And have great user experience. - Group/package each graphics in its own folder layer with appropriate names/titles. - Keep things consistent. This means all graphics styles should work together. - All of the graphic should have a similar feel and general aesthetic appearance. - Make sure your design use Windows standard fonts (arial, tahoma, etc) - All text must be editable and non-graphical. - You must provide us how every screens looks in 1024px width and more wider screens. - Before you redesign the PSD, please click around on attached prototype to get more familiar with Cockpit Start a New Project application. DESIGN REQUIREMENT - We need you to redesign the Cockpit Studio Submissions Viewer page (see Studio-1.6-Final-Single-Submission.psd). - Currently the page just showing only one large thumbnail for each submission, we want the page show all thumbnails in a large, spread format that we want implementing into Cockpit Theme. - You can see the sample layout we like to implemented in the reference image provided (reference_image.jpg). - Please show us how the page would look like with 15 thumbnails (200px by 200px for each thumbnail). - You can use a placeholder for each thumbnail. - Please do not use pagination or carousel or other methods in showing the thumbnails. Show all the thumbnails on this page only. - We want the name of each thumbnail appear somehow on the page. (see reference_image.jpg) - Provide us a way to rank and give any feedback for the submission on the page. - If a user click or hover on a thumbnail, we want a large thumbnail appear somehow on the page. You may use a popup window or open the large thumbnail in a new page. - Please feel free to add your idea while designing the Cockpit Studio Submissions Viewer page. - You may explore and add any ideas to make the page user experience. - In the end , your design must have same design feeling like existing Cockpit Theme. RESEARCH - Do some research on how other companies provide browser thumbnails viewer. Tell us what you find. Target Audience - New Customers - Non expert Customers Judging Criteria - How well you create "Studio Submission Viewer" graphics and keep things consistent with the current Cockpit Application. - Cleanliness of your graphics and design - User Experience of "Studio Submission Viewer" Submission & Source Files Preview Image Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it. Submission File All Requested Contest Submission Requirements stated above. Source Files All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file. Final Fixes As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
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.