Challenge Summary
CHALLENGE SUMMARY
Welcome to the “ TCO Scoreboard Redesign Challenge”! The scope of this challenge is to redesign the existing TCO Singular screens. It has been the same design for a couple of years and now we want to change them to new, interesting and fresh looking designs.
CHALLENGE OBJECTIVES
- TCO22 Scoreboard screens.
- Design 12 UI screens.
- Provide visually appealing design for this requirement.
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions.
Round 1
Submit your initial design for a Checkpoint Feedback
02 Problem Details
03 Scoreboard
04 Finalist details
05 QA Competition
06 UI Design - Brackets Tournaments
Round 2
Submit your final design plus the checkpoint updates
01 Competition Intro
02 Problem Details
03 Scoreboard
04 Finalist details
05 QA Competition
06 UI Design - Brackets Tournaments
07 Lower Thirds Banners
08 Winner Announcements
AUDIENCE
- TCO22 Finalists
- Topcoder Admins
- Sponsors
- Online Viewers (Topcoder Members/Spectators/Audiences)
PROJECT OVERVIEW
The purpose of this challenge is to redesign existing screens that will be used in our live broadcast. So, they have to be attractive and engaging for the viewers.
- If TCO22 will happen live, they will be projected on the large screens in the arena (for example).
- These screens are used not only to show the progress of the competition through leaderboards/scoreboards, but also to showcase member details, winners, etc.
- The designs should be fun, engaging and should provide support areas for sponsors.
USER STORY
Jim is one of the new members from Australia who registered with Topcoder as a member in 2021.He participated in a lot of development challenges and he is very excited to find out that as an act of his perseverance had won him a spot in the development finals for TCO22.
TCO22 is happening onsite and Jim is happy about this! He gets to travel to TCO and meet the other competitors. During the competitions he likes to watch the live stream with all the interesting data that is presented about each finalist. He is also into Algorithms, so he is always keeping an eye on how the best algorithm competitors in the world are performing. The graphics look impressive for this big tournament and the music adds tension to the event.
Jim is also checking the UI Design bracket tournament format and the QA as they are unique due to the different format and visuals. The awards day comes in and Jim wins the development tournament. He is amazed by the entire experience!
DESIGN REQUIREMENTS
Below are the main screens that help convey the user story above. While we are using TCO22 as an example here, these screens are going to be used for other future TCOs so make sure, they can be easily adaptable by changing the TCO22 logo etc. / the treatment is flexible.
01 Competition Intro
Reference Try to make the design such that it stands out and looks enticing. The message should be conveyed at a glance. Design screens for each of the tracks. Please include;
- TCO22 Logo
- Topcoder Logo
- Sponsors Logos (you can use those from the Assets section)
02 Problem details
Reference This view should display the following details;
- Problem details
- Leaderboard/scoreboard for 12 finalists
- TCO22 Logo
- Topcoder Logo
- Sponsors Logos
03 Scoreboard
Here we have 2 leaderboards requirement;
- Development track - Reference Design this leaderboard considering 12 finalists. This should include member photo, rank, name, scores.
- Algorithm track - Reference Design this leaderboard considering 6 finalists. This should include member photo, rank, name, scores as well.
- Please note: your design should be good enough to accommodate anywhere between 3-12 members.
- TCO22 Logo
- Topcoder Logo
04 Finalist details
Reference Pay attention to how to organize the content. Please include;
- Finalist photo
- Name, place, track
- Statistics
- Any additional info that you find will add essence.
- TCO22 Logo
- Topcoder Logo
- Sponsors Logos
05 QA Competition
- Phase 1 - Number of bugs reported by each member and the bug type the user reported graph to be displayed here with Topcoder and TCO ‘22 Logo.
- Phase 2 - Please include a consolidated graph of the points for each member with
- Time to start
- TCO22 Logo
- Topcoder Logo
- The graph for pre-challenge phase bug hunt total, valid bug points, challenge points and deduction (OOO, DUPE, NOREPRO, NOT BUG), challenge points and deduction (Minor)
06 UI Design - Brackets Tournaments
- All Days - We are looking for refreshing designs that show the hierarchy in a better way. Try to differentiate between the participants and the winners moving to the next round. One of the challenges with this layout is the fact that the handles are very small to see. Would like to see some creative solutions on how this problem can be treated better.
- Day 1 - Please think how can this layout be optimized when there is more white space on the right & left side. Be creative here!
07 Lower Thirds Banners
Here are the Banners that needs to designed under this category;
- Different tracks banners - These are for 3 different tracks - design, development, marathon.
- Preview - The banners will be shown in the live broadcast and the member details card.
- Size - 1920 x 180 px
08 Winners Announcement
Reference Please include;
- Member details: photo, badge, icon showing the placement, rank, country
- Placements - be creative to design the placements.
- Topcoder Logo.
- TCO22 Logo.
ASSETS
- You can download the TC logo from here
- TCO22 Logo
- Sponsors logos to use as example (use all): link
- Flickr photos
BRANDING GUIDELINES
Follow the Topcoder Overall style in terms of colors and fonts (Barlow Condensed and Barlow for headings and Roboto for regular text)
SIZES
All screens should have this size.
Size: 1920 x 1080 px
FINAL DELIVERABLES
Source.zip – All original source files
All source files of all graphics created in vector format in either Adobe Illustrator or any similar software should be saved as editable files.
Submission.zip – PNG/JPG files
Submit JPG/PNG image files based on the Challenge submission requirements stated above.
Preview.png – Your preview image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72 dpi and place a screenshot of your submission within it.
Declarations.txt – All your declarations and notes
This file must contain your notes if any, fonts used, links to the stock images and icons used.
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.