Topcoder Member Guidelines Infographic Design Challenge

Welcome to the “Topcoder Member Guidelines Infographic Design Challenge”! In this challenge, we are looking to create an infographic towards an initiative to make our Terms and Condition (T&C), Community Guidelines and Non-Disclosure Agreement (NDA) more easily understandable by Topcoder members.

Round 1

Submit your initial designs for checkpoint feedback.
01 Infographic

As part of your checkpoint submission, upload your designs into the MarvelApp prototype so we can provide direct feedback on your designs. Please include the MarvelApp Prototype URL in your notes.txt. Make sure all pages have the correct flow. Use the proper file numbers (1, 2, 3, etc.)

Round 2

Submit your initial designs for checkpoint feedback.
01 Infographic

As part of your final submission, you must replace your checkpoint submission with the final submission into the MarvelApp prototype so we can provide direct feedback on your designs. Please include the MarvelApp Prototype URL in your notes.txt. Make sure all pages have the correct flow. Use the proper file numbers (1, 2, 3, etc.)
Background Overview
This challenge aims to make Topcoder’s T&C, Community Guidelines and NDA easier to understand for Topcoder members through an engaging and visual infographic.

This challenge is a part of an initiative by Topcoder to create new or refine existing content for member education. And thus, making it easier for members to participate in Topcoder challenges. The final infographic will be placed on a new page on the Community site, with a call to action pointing to the full documents.

Terms & Conditions (T&C):

• An agreement between Topcoder and any member who uses or competes in Topcoder challenges. It covers non-negotiable terms that members must follow.
• Important parts of this agreement include Eligibility criteria, Accounts, Passwords, Security, and Ownership of submissions.
• https://www.topcoder.com/community/how-it-works/terms/

Community Guidelines:

• A set of guidelines captures the values and ethical standards for the vibrant Topcoder community across the globe.
• Important parts of these guidelines include do’s and don’ts towards expected behaviour by any community member.
• https://www.topcoder.com/thrive/articles/Community%20Code%20of%20Conduct

Non-Disclosure Agreement (NDA):

• NDA applies to private challenges that have confidentiality terms in addition to the usual click-through terms.
• https://www.topcoder.com/thrive/articles/Non%20Disclosure%20Agreement%20(NDA)

Challenge Objectives
In this challenge, you will design only one single page for the Infographic.


Requirements for Infographic
Please make sure your submission includes all of the requirements mentioned below.

Content for Infographic:

• Title of the Infographic: “Topcoder Member Guidelines”
• Subtitle: “At a glance.”
• Use content from the Topcoder Member Guidelines document (posted in the challenge forum).
• The document captures the most important parts of T&C, Community Guidelines and NDA.
• The content is divided into four important sections:
  • Personal Behaviour
  • Confidentiality
  • User Content
  • Security Protocol
• Call to action: We would like to provide one link (preferably at the bottom) for reading the guidelines in more detail. Placeholder link: https://www.topcoder.com/policy
• We are open to your suggestions in re-arranging the content, so it makes the best sense.

Look and Feel for Infographic:

• Challenge: The content for the infographic is only text-based, and we want your help in making the infographic also visual.
• A visual infographic will aid the members in understanding and digesting information more easily at a glance. They can go to full documents when they wish to read the information in more detail.
• This is where we need most of your help, research the best practices for designing a visual infographic.
• Inspiration (Check the challenge forum for the links).
• Please do your research for best looking visual infographic. The above inspiration is only to provide you with a starting point.
• The infographic must follow Topcoder branding guidelines (posted in the challenge forum).

Size and format requirements for Infographic:

• You are expected to design a single-page infographic.
• Orientation: Open to the designer (Portrait is preferred)
• Required size:
  • If you are designing a vertical infographic:
    • Width: 1920px, Height: No height limit
  • If you are designing a horizontal infographic:
    • Width: No width limit, Height: 1080px
• Export your design as:
  • High-quality JPEG/PNG (@2x)
  • PDF
• We are open to your suggestions regarding size and format. Tell us about the best practices!

Branding Guidelines

• For this challenge, you can treat Topcoder Branding Guide (see Challenge forum) as a starting point, but feel free to improve based on it to design something fun and engaging. Please have FUN and don’t feel tied down to the guidelines.
• Note: We are moving away from the use of too many blobs. Waves are still fine to use in your designs.

Design Assets
Please check the challenge forum to access the design assets.

• Topcoder Branding Guidelines
• Topcoder logo (Please note that we only use the black and the white variations of the logo. Do not use the coloured version anymore)

Judging Criteria

• Creativity: Impactful; the design is different or unique from what is already out there.
• Exploration: Flexible; follow the provided sizes and content and branding, but you have freedom over everything else.
• Aesthetics: Hi-fidelity design; provide a top-notch finished-looking visual design.

Font and Stock Artworks

• Photos: Use only free photos from the sites allowed by Topcoder, or you can use any photo from Topcoder’s Flickr album. Find the link in the challenge forum.
• Icons: Use icons only from the Streamline icon set. The link to the icon set is shared on the Challenge forum.
• Fonts: use only Topcoder’s brand fonts. At Topcoder, we use two font families, each with a unique purpose and use case: Barlow and Roboto. From the Barlow family, we are focused on Barlow Regular and Condensed. The Barlow family is used only for headings, while Roboto is used for Subtitles, body text and captions.