TCO23 Infographic UI Design Challenge

Welcome to the “ TCO23 Infographic UI Design Challenge”! The scope of this challenge is to design the Infographics of qualifying stages for TCO23. We are looking for engaging visuals which conveys the story quickly and clearly at a glance.


CHALLENGE OBJECTIVES

• 1 screen design for an infographic.

• Identify the best way to communicate the data clearly with the user.

• Create an engaging and visually driven infographics with a clear subject and the story.

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

01 TCO23 Infographic screen

Round 2

Submit your final design plus the checkpoint updates

01 TCO23 Infographic screen

AUDIENCE

• Topcoder Members
   

PROJECT OVERVIEW

As we all know, Topcoder Open (TCO) is our main community event which is hosted by Topcoder every year. Talents from all over the world participate and give their best in their track to participate in TCO onsite Finals to bag up exciting cash prizes. The qualifying process for TCO23 has changed to an all new format and we are looking for some good infographics to support the idea.The purpose of this challenge is to design a single infographic screen that will be used in TCO23 portal and promotions. So, they have to be attractive and engaging for the viewers. 

• A clear storyline with a clean and well-structured layout to explain what are all the ways to get into TCO23 
• Highlight all the three different paths to get into TCO23, to explore the possibilities
• Spotlight the number of finalists that can take part in the TCO23 onsite finals 

 

USER STORY

Teri is a talented software professional and is frustrated with her several hours of stay in the office job. She decided to leave her job and to chase her dream at the same time. She browsed for some freelance websites and settled for Topcoder. She started participating in design track and is excited to know more about TCO23 onsite finals opportunity. As a new member, she will be required to know the ways and stages to get in as a TCO23 onsite finalist.
 

DESIGN REQUIREMENTS

Below is the screen that helps convey the user story above. 

01 TOC23 Infographic screen

This screen should contain the following content: Here is the reference to a flow chart image.

01.1 - Year long qualification & Leaderboard - This is based on the overall performance of the competitor for the whole year. The top 6 best performers will be rewarded direct entry to the TCO23 Finals.

01.2 - Three Qualification Stages - Here the competitor participates in 3 timelines of the year and competes in the challenges.

• Stage 1 qualification - July 1 2022  - September 30 2022
• Stage 2 qualification - October 1 2022 - December 31 2022
• Stage 3 qualification - January 1 2023 - March 31 2023

The top 6 best performers from each of the stages will then have to participate in the TCO23 online Final qualification round and the top 4 will be given entry to the TCO23 Onsite finals directly and 5th to 12th positions will be competing with the TCO23 Regional wildcard round participants.

01.3 - Regional Events (One competition for all the tracks) - The other way is to participate in the regional events which take place in the respective regions. Up to 12 participants will be taken for top score and compete in TCO23 Regional wildcard round. Then, top 2 best performing candidates will be selected from the Wildcard to go into Onsite finals.

TCO23 Regional Wildcard Round: The 5th to 12th place holders from TCO23 Online Final qualification and top 12 from Regional events will participate in TCO23 Regional Wildcard Round.
 

DESIGN GOALS AND PRINCIPLES:

• Story
  The main aim of the infographic is to explain the new format of TCO to the Topcoder members. Design it in such a way that the reader/viewer gets the key message almost instantly and when going deeper should be supported by smaller chunks/sections of information.

• Design and style 
  Clean structured layout with balanced images/graphics and texts. All designs should be in vector format.

• Visual appeal
  The infographics should be visually appealing. Think how the flow and connections are supported by using different design elements and effectively use the white space.

• Information/Content
  Make sure to use proper hierarchy and different treatment for texts where necessary.

 

ASSETS

• You can download TCO23 Logo from here.
   

INSPIRATION

• Please check for inspirations. (do not copy please)
  https://www.crazyegg.com/blog/effective-infographic-designs/
  https://visme.co/blog/best-infographic-examples/

 

BRANDING GUIDELINES

• Follow the Topcoder Overall style in terms of colors and fonts.
• Icons can be used from Streamline.
• No photos are allowed to be used.

 

SIZES

The screen that you produce should have the following size.

Size: width - 1200 px; height - as required

 

JUDGING CRITERIA

• Creativity: Impactful; the solution is different or unique from what is already out there and can be implemented.
• Exploration: Out of the box; consider the screen requirements and guidelines as a draft or start point. Provide alternate experiences or workflows to achieve what we are proposing in
• the requirements and satisfy the user goals.
• Aesthetics: Hi-fidelity design; provide a top-notch finished-looking visual design.
• Branding: Open; propose a fresh new branding option.