Challenge Summary
Welcome to the Cockpit Customer Copilot Posting Process Revamp Release 1 storyboard contest. The goal of this contest is to revamp copilot posting process in the Cockpit so it will look more beautiful and informative. Read the following contest details and ask any question in contest forum if there is anything unclear.
Round 1
Please submit following pages and items for client review:
- Dashboard.
- Registration Tab.
- Submission Tab.
Round 2
All pages and new copilot posting icons.
The copilot posting section consist of 4 tabs, they are "Details", "Registrants", "Submission" and "Receipt". Following are details pages that need to be revamped. Please use attached GUI PSD kit for any elements in your submission so it will consistent with the current look and feel of the Cockpit.
1. The Dashboard, this is the top part of copilot posting section to replace the current statistic table. See Dashboard.png for the sample of the dashboard.
- The timeline section will contain only registration, submission and review phase.
- Keep registration and forum box as shown in dashboard.png.
- Add a specific box to display next action, this could be a link or a button, they are "Activate Copilot Posting" and "Pick Up Your Copilot". Only one of them will be shown at one time, it depends on current phase of copilot posting. "Activate Copilot Posting" button will be shown before Registration phase and "Pick Up Your Copilot" will be shown at Review phase. Show both states in your submission.
- Add a specific box to display general copilot stats. The stats are "Project Type", "Required Experience", "Budget" and "Project Duration". Design a view button to display the description of each stats when its data contain too much text.
2. The Registration and Submission tab.
- Redesign new layout to replace the current table.
- User's avatar should be displayed like in copilot pool page.
- Add following information:
- Copilot name, copilot country and his timezone, copilot's fulfillment. Copilot fulfillment should be colored according to fulfillment range. Fulfillment colors and their ranges are black (n/a), red (96% - 100%), yellow (91% - 95%), blue (81% - 90%), green (71% - 80%) and gray (<= 70%).
- The current workload of the copilot. This includes the number of current contest and number of current projects.
- A set of project type this copilot has worked on.
- The badge of copilots (see the right sidebar). Propose a solution how to display this. You may use small version of badge or using text. Current set of badge is attached in contest document.
3. The submission page need to display the pickup copilot and pickup second place button. We want these buttons to be fancy looking and intuitive for client user. The choosen copilot should be highlighted in some way in the submission page after the copilot posting review phase.
4. Redesign the current copilot posting icon so it look more beautiful and intuitive. You do not neet to follow the flat and black/white style of current icon, but you should follow general color schema of the cockpit. For reference the current icon is put in contest document.
Branding Guidelines:
Follow and use Cockpit GUI Kit.
Target Audiences:
- TopCoder Customer Executive User .
- TopCoder Customer Employee.
- TopCoder Executives.
- TopCoder Project Manager.
Judging Criteria:
- How well your design follow Cockpit GUI standard.
- How professional your UI is designed, consistent, clean and creative.
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG 24-bit images in a zip file with all requested contest requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (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.