BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$50‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to the “TCO23 Landing Page and Banners UI Design Challenge”! Topcoder’s main event, TCO, is getting a totally new face and new perspective in 2023. We need your help to design something exciting to announce this to the community.

CHALLENGE OBJECTIVES
  • Design the landing page for TCO23
  • Same concept should be applied to a couple of banners for promotion of TCO23
  • The concept should be exciting and fit the Topcoder brand

Round 1

Submit your initial designs for checkpoint feedback.
  1. Landing Page
  2. Newsletter banner

Round 2

Submit your initial designs for checkpoint feedback. You have to submit in round 1 in order to be eligible to submit in round 2.
  1. Landing Page
  2. Newsletter banner
  3. Dashboard banner
  4. Facebook banner
  5. Instagram banner
  6. Twitter banner

PROJECT OVERVIEW
  • Each year Topcoder invites its most successful members in that year to an onsite event, Topcoder Open in the US to compete against each other in 7 competitions / tracks and crown the ultimate champions of these fields. Just like in the Olympics we like our main event to look awesome and treat our finalists the best way we can.
  • For the past 10 years, TCO ran in the same format but this time for TCO23 we will have an entirely new Topcoder Open event, with new rules, more ways to qualify (check details here), a bigger and better event than ever before! The location will be something more exciting than usually and there will be many more interactive things to do in the arena, lots of customers and sponsors to meet! It’s going to be amazing!
  • The first place the community will find out the news about TCO23 will be actually the site. We wish to design an exciting landing page to announce the event.

AUDIENCE
  • Topcoder community
  • Topcoder staff
  • Potential sponsors
 
REQUIREMENTS
Please make sure your submission includes the following designs.
 
1.TCO23 Landing page
  •  This year we wish to keep the landing page very simple and meet the the conditions:
  • Content to include:
    • TCO23 logo 
    • Text “All New Topcoder Open!”
    • Links to How It Works page and Competitions
  • Keep the background black 
  • The design should fit into this frame 
  • Content width should not be larger than 1280px
  • Design something bold, exciting, amazing that would make anyone look into this event (you can play with splashes effects, bold typography, poster design effects, vivid colors - this playground is all open for you!)
 
2. Banners 
- The same concept used on the landing page, should be used to create a couple of banners for different sizes
- The content should stay the same, but we should also use the Topcoder logo in addition
- Sizes for the banners (width x height):
- Newsletter banner: 1126 x 552px
- Dashboard banner: 664 x 330px
- Facebook banner: 1200 x 630px
- Instagram banner: 1080 x 1080px
- Twitter banner: 1600 x 900px

DESIGN GOALS & PRINCIPLES
  •  The designs should be bold, exciting, engaging, fun, basically eye catching right away
  • You are expected to respect Topcoder’s brand guidelines (font sizes might be altered due to the different application). 
 
 BRANDING GUIDELINES
  • Follow the Topcoder branding guidelines and for buttons follow this style
  • These guidelines have been prepared for UI design, so in terms of font sizes you may apply changes.
  • TCO23 logo
  • Topcoder logo (please note that we only use the black and the white variations of the logo. Do not use the colored version anymore)

MARVEL PRESENTATION
  • You should add your designs in Marvel for presentation purposes
  • Check forums for more details on how to get a Marvel project

JUDGMENT 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.
  • Flexible: follow the provided guidelines and suggest improvements where seem appropriate and inline with the goals.
 
STOCK PHOTOS AND ICONS
  • Photos: use only free photos from the sites allowed by Topcoder or you can use any photo from Topcoder’s Flickr album.
  • Fonts: use the Barlow family for headings and Roboto for any descriptions 
  • Icons: only use the Streamline icon set if you need to (link will be shared in the forums)

FINAL DELIVERABLES
You have to submit a single zip file that includes the following 4 items:
  • Source.zip
    • Original source file(s). If you use Figma, the link is not sufficient.
    • Create files in Sketch, Figma, Adobe XD, Adobe Illustrator, Photoshop.
  • Submission.zip
    • Your designs exported as PNGs
  • Declarations.txt
    • A text file that contains all the notes about font usage, photo and icon declarations and your Marvel prototype link 
  • Preview.jpg
    • Create a JPG preview file of 1024 x 1024 px

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.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2022 Topcoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • EPS files created in Adobe Illustrator or similar
  • Sketch
  • XD
  • Figma

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30275674