Challenge Summary
Welcome to Topcoder - Community Leaderboards Design Challenge!
In this challenge, we are looking to design the 'community leaderboards' page for new www.topcoder.com that will be used for main tracks (Design, Development, Data Science) that help show to show overall member competition and also motivate the member to perform better, reach their goals.
We are excited to see your submissions..!
Round 1
Submit your initial screen for Checkpoint feedback
1. Overall Community View (Desktop)
2. Individual Track (Design, Development and Data Science) View (Desktop) - Showing an inprogress work is fine.
Feel free to add any other additional screens which are necessary to explain your design.
Notes.jpg: Any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs for all the required page with all checkpoint feedback implemented.
1. Overall Community View (Desktop + Mobile)
2. Individual Track (Design, Development and Data Science) View (Desktop + Mobile)
3. Widget (Desktop + Mobile)
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
The Purpose of this challenge is to come up with the designs for the topcoder leaderboards based on the given wireframes.
Design Considerations:
- We have attached the wireframes which should help you to get started.
- REMEMBER: DO NOT COPY the wireframes exactly - The wireframes are meant to help guide you and let you understand the application the audience would like to see designed.
- Think about the user experience/user interactions and show us your solutions!
- Please follow the look & feel, branding colors, logo from new www.topcoder.com
- We want to move away from the “excel” table design and looking for a fresh design with engaging features.
- Screen Sizes: We need the below screen sizes:
- - Desktop: 1024 px width and height as required..
- - Mobile: 320 x 480 px
Required Pages:
We need the below pages to be designed..
General:
- We need to show a link to TCO Leaderboard.
- We need to allow users to quickly change the periods for which the leaderboard is shown "30 days, 90 days, 1 year, All Time"
- In all the below leaderboard views, we need to show a minimum of 25 members per page and it can customized with the help of pagination options.
1. Overall Community View:
- This is the main landing page for the leaderboards..
- Based on the total number of 1st Place wins across different tracks (Design, Development and Data Science) this leaderboard will be shown.
- If you have better representation of showing the leaderboard, please do show us your ideas. (Just make sure, you don't come up with traditional tables for showing this leaderboard).
- Top 10 need to be distinctively shown in your design, think on how well it can presented.
- Note that each of the user within the leaderboard will have "up arrow, down arrow or no-change" which indicates the trend of the user's rank, it would be good to represent these by icons..
2. Individual Track (Design, Development and Data Science) View:
- User can reach these individual track leaderboards by clicking on the tabs or by clicking on number of wins for a specific tracks from overall community view.
- Top 10 need to be distinctively shown in your design, think on how well it can presented.
- Need to show "more info" link for each of the user, this will reveal more statistics about the user
More Info:
- This need to show overall wins through years and also need to some interesting facts like "Members who competes with this user in the same challenge" and "Members who competes with this user in the same challenge from same country"..
- Any one track view (Design, Development and Data Science) can be designed for this as all are similar.
3. Widgets:
- We might also need a widget for this topcoder leaderboards in homepage - but we will include more exact requirement on this during checkpoint.
Target Audience
- [topcoder] Admins, Members and also any general user.
Judging Criteria
- How well you design the provided design challenge
- Cleanliness of your graphics and design.
- Design and User Experience.
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 images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
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.