Topcoder - Challenge of the Week Banner Design Challenge

Welcome to the Topcoder - Challenge of the Week Banner Design Challenge. In this challenge, you will design one graphic banner in multiple sizes to promote Topcoder’s Challenge of the Week.

Round 1

Submit your initial designs for checkpoint feedback.
01 Banner for Facebook
02 Banner for Instagram
03 Banner for Facebook Story, Instagram Story, TikTok
04 Banner for LinkedIn 

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 final designs for the final round.
01 Banner for Facebook
02 Banner for Instagram
03 Banner for Facebook Story, Instagram Story, TikTok
04 Banner for LinkedIn
05 Banner for Twitter
06 Banner for Discord
07 Banner for TC Dashboard
08 Banner for Unbounce popup

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.)

Challenge Objectives

• Design 1 banner for 8 different use cases
• Each use case has different size requirements
• Use Topcoder branding

Project Overview / Background

• Topcoder is starting a new Challenge of the Week initiative to engage members.
• We want to use the output banner from this challenge to promote Topcoder’s Challenge of the Week.
• The banners will be used across all of Topcoder’s social media platforms to draw our member’s attention.

Requirements
Please make sure your submission includes the following designs with the specified content.

We need one design for the banner graphic in different sizes for the following use cases:

1. Facebook: 1200 X 630px
2. Instagram: 1080 X 1080px
3. Facebook Story, Instagram Story, TikTok: 1080 X 1920px
4. LinkedIn: 1104 X 736px
5. Twitter: 1600 X 1900px
6. Discord: 800 X 400px
7. TC Dashboard: 664 X 330px
8. Unbounce popup: 760 X 500px

Content:

• Topcoder logo (please note that we only use the black and the white variations of the latter, not the colored one anymore)
• Text:
  • We are open to exact text content that needs to be in the banners. We rely on your suggestion that best suits the above requirement.
  • Keep the text common across all banner designs.
  • Example idea for text, but we want you to think further:
    • Topcoder Challenge of the Week
• Graphic and background:
  • Design an original graphic and background that captures the idea of Topcoder Challenge of the Week
• Call to action:
  • Clicking on the banner should take the user to a page on Topcoder website with details for the upcoming Topcoder Challenge of the Week.
  • Once again, we are open to your suggestions about the text for call to action.
  • Example call to action: “Learn more”

Important:

• Format: High-quality JPEG/PNG
• Please note that the design remains the same with minimal changes across the above use cases in the placement of elements (if at all). 
• References
  • Topcoder Dashboard (link posted in the challenge forum)

Target Audience

• Topcoder community

Branding Guidelines

• For this challenge, you can treat Topcoder Branding Guide 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 refer to the assets from the link posted in the challenge forum.

• Topcoder Branding Guidelines
• Topcoder logo (Please note that we only use the black and the white variations of the logo. Do not use the colored 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.
• 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.