Topcoder Arena Navigation Redesign Wireframe Challenge

Welcome to the Topcoder Arena Navigation Redesign Wireframe Contest. In this contest we need your help to design a solution to organize the content and functional areas of the topcoder arena into an intuitive and easy to navigate arrangement. This challenge will be a portion of the overall effort to redesign and redevelop the topcoder arena. Your solution must have all required functionality, user friendly, intuitive and easy to use.  

Please note that this is not to produce a final UI design for navigation, but instead to provide a useful workflow for topcoder arena users and an updated basis for the information architecture of the application.

Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this contest. 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.

Round 1

For your round one deliverables please submit all the following views  for client review:
A- Login Page
B- Main Views (In Main Menu)
C- Lobbies Views
D- Options
E- Practice Rooms

Round 2

For your round two deliverables please submit round one views and the following views plus any updates from client feedback:
F- Active Contest
G- Tools
H- Help

Topcoder are looking to do a redesign of the topcoder arena application, so it is going to be redone in HTML5. The primary goal of this contest is to create  HTML wireframes which showing an improvements of the workflow solutions for our problems, provides great user experience for the application and can be used as suggestion for the next development phase.

We also need to add new features to the exisiting solution those features can be found in TC Arena Wireframe Challenge.pdf, you can add/edit screens to show those new features. 

General Requirements
- Produce HTML click through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The website must be very easy to use and intuitive. Keep that in mind when designing your solution.
- You MUST cover all use cases mentioned in contest details below.
- You MUST use wireframes note pane in every single page you design to explain what items are addressed in that page, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.

Issues to keep in mind while creating your solution:
Issue 1:
A major factor in this challenge is creating a new and more useful navigation and content structure for the redesign, both to meet the needs of arena competitors and utilizing advantages gained in recreating the arena as an HTML5 web application.
Issue 2:
This is going to be an HTML5 version of Competition Arena, so we are looking for the best solution to cover navigation, sitemap and user flows for the application users and admins.
Issue 3:
keep in mind the new features we need to include in Topcoder Arena redesign; Self Service, Socilaization and Practice Area.

Wireframe Requirements:
You will need to download, install and log in to the topcoder arena application to see the navigation, structure and to be able to understand the required screens.  If you have not already done this, the instructions can be found at:  http://help.topcoder.com/data-science/competing-in-algorithm-challenges/getting-started-in-dataalgorithm-challenges/

Required Screens:
A- Login Page.

B- Main Views:
1- Search
2- Visited Practice Room
3- Active Users
4- Important Messages
5- Logoff

C- Lobbies Views:
1- Admin Lobby Room
2- Chat Room 1 (This is the first page after you log in)
3- Chat Room 2
4- Two Sigma Chat Lobby

D- Options:
1- Disable Chat
2- Disable Chat History
3- Disable Chat Scrolling
4- Disable Auto-Enhanced Chat
5- Disable Enter/Exit Message
6- Disable Broadcast Popup
7- Disable Broadcast Beep
8- Disable Chat/Find Tabs
9- Enable Timestamps
10- Enable Unused Code Check
11- Editor
12- Setup User Preferences (capture all tabs)

E- Practice Rooms:
1- Tournaments (show us 1 Practice Room)
2- SRMs (show us 1 Practice Room)
3- TCHS (show us 1 Practice Room)

F- Active Contest:
1- Active Contest Name
- Enter (show us summary popup/modal when clicking on summary button)
- Registrants
- Schedule
- Division Summary
- Rooms (one room is enough)

G- Tools:
1- Room Summary (Same like clicking on summary button)
2- TopCoder Plugin

H- Help:
1- Competition Manual
2- Competition FAQ
3- ChangeLog
4- About

New Features:
- You can add/edit screens to show the new features inculded inside TC Arena Wireframe Challenge.pdf document

Note: Many views looks the same, so you can duplicate them and rename them just to show us a full workflow.

Placeholders for text and other content works fine for these deliverables in this challenge as long as they are clearly defined and do not interfere with the usefulness and clarity of the submitted designs.

Supporting Documents
- Please see the attached TC Arena Wireframe Challenge.pdf for the new features we need to include while redesiging the Topcoder Arena.

Target Audience
- Code developers
- Co-pilots and administrators of arena challenges

Judging criteria
Your submission will be judged on the following criteria:
- User experience
- Completeness and accuracy of the areas of functionality and content
- How well your wireframes provide a consistent user flow and clear information architecture for the application

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
Generated HTML files with all the requested contest requirements stated above.

Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.

Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.