Challenge Summary
Welcome to the TopCoder Direct Simplification Navigation Design Concepts Contest. This contest is focused on creating a new navigation solution for our TopCoder Direct Web Application.
In this contest we're interested to see some modification/improvement for our TopCoder Direct navigation more simplified. Read more details information below.
Round 1
Your submitted solution for client review.
1). New Project Menu
2). Update the Sidebar
3). Move "Start New Project" and "Launch New Contest" button/link
Notes: Any comments about your solutions for the PM
Round 2
Final Design
1). New Project Menu
2). Update the Sidebar
3). Move "Start New Project" and "Launch New Contest" button/link
Notes: Any comments about your solutions for the PM
Contest Details
TopCoder has recently introduced the TopCoder Cockpit Direct Application, which allows Customers, as well as Staff, Copilots, etc., to directly engage with the TopCoder processes and Community. We're in the middle of Re-tool Cockpit to be more intuitive, user friendly, streamline core use cases, simplify navigation.
For this contest, we need your help share ideas/design concepts of this following task:
1). New Project Menu
- We need update "Project" menu in the top bar navigation
- When click the menu, need to show submenu. Our initial ideas are like these screenshot (JIRA-Project.png, bc_project_switcher.png)
- Show what is current project being opened on Direct.
- Show sub menu contains of "Last Project user accessed" and "Other Project" section.
- Each project also show the "Customer Name".
- Suggest us better wording, or which one priority list need displayed.
- Make it as simple as possible. Considering add a second level menu to link to project overview, contests, game plan etc. (second_menu.png)
- Check another sub-menu design to make sure they use same style. (1-enterprise-dashboard-copilots-hover.png and 1-enterprise-dashboard-dashboard-hover.png)
2). Update the Sidebar
- We need to update sidebar on current TC Direct pages from display in page become accessible when click the toggle button.
- Content need remain same, like dropdown customer, project and contest list. (Check 2-all-project.png and 3-project-details.png)
- This is our initial concept design of how new way to access the dropdown customer, project and contest list. (1.png and 2.png)
- Need create preloader when load different data. (You can re-use existing design at Modals-Preloader.zip).This will be displayed when load the page when filter updated in the sidebar.
- Preloader need created in these following size 16 x 16, 32 x 32, 128 x 128 (pixels)
- You need re-use existing rounded preloader. (Preloader.zip)
3). Move "Start New Project" and "Launch New Contest" button/link
- Since the sidebar removed, we still need "Start New Project" and "Launch New Contest" button displaying in top of page.
- We need the button more simple, this our initial concept design(create_links.png). Feel free to improve!
- TopCoder logo need move to footer at center placement.
- Remove "Looking for Community Portal Go There Now" link.
- OR do you have any ideas about these buttons solution?
4). Any other improvements related "Project", "Contest" sidebar?
- Feel free to share your ideas. We're looking some simple but efective solution.
Target Audience
Topcoder Customer Executive User.
Topcoder Customer Employees.
Topcoder Executives.
Topcoder PM.
Judging Criteria
- How well you create your design concepts and think about the problem we are trying to solve.
- Cleanliness of your graphics and design
- Make sure your design match with our Cockpit GUI Kit.
- User Experience & Usability of the new navigation.
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
Submit JPG/PNG for your submissions files.
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 content or user click paths.
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.