New & Exciting Topcoder Badges Design Challenge

Badges are fun, colorful representations of member achievements. There current badges are displayed in your profile but these are outdated and looking to get revamped.  This is where you come in!  New badges will be featured in your profile alongside various other places on the platform. Topcoder is looking to create modern and fun looking badges to award members for their success on the site.

Round 1

Round 2

Primary Goals

The badges should have a similar shape to keep them uniform and it should be easy enough for other designers to create other badges with the same style that you are designing in. Also note that there are two different TYPES of badges: 
SET badges:

• SET badges are badges that you receive once and can no longer unlock again.
• RANKED badges: RANKED badges are badges that members can level up and achieve the next rank of that badge.  For example, a member earns the Design Hero badge, they just placed 1st in their 100th Design challenge, which means they RANK up from Design Hero (silver) to Design Hero (gold).  That being said, in your designs for your badges, you will need to take into account how you will distinguish a bronze badge from silver and gold.  This distinguishing should be uniform across all badges as well.

Here are the badges that we will be looking for in this challenge: 

SET BADGES:

The Rookie Badge - Welcome and congratulations! You have just earned your first badge here at Topcoder.

The TCO19 Champion Badge - WOW!  You are the cream of the crop this year because you have proved yourself to be the absolute best in your track this year.  Well Done! (Please check the forum to TCO19 design)

RANKED BADGES:

• The Code Competitor Badge - Congratulations! You have placed in 5 Code competitions, well done!  Placing in 5 more competitions will level up this badge.
• The Design Hero Badge - Congratulations! You are a force to be reckoned with as you’ve placed 1st in five Design competitions.  Five more 1st place finishes and you will level up this badge.
• The Blabbermouth Badge - You must be getting into some heated debates.  That is 1000 posts in the forums!  1000 more to earn Silver.
• The Bug Crusher Badge - You have successfully fixed 50 bugs. Keep crushing to level up!
• The Challenge Accepted Badge - Burn baby burn! You successfully challenged a fellow competitor during the challenge phase of competition. Keep burning to level up this badge.
• The Stamina Badge - You put blood sweat and tears in this marathon match and ended up with the most optimized algorithm over all those other slow pokes.  More Marathon wins like this will earn you a higher leveled badge!

Each badge must be rendered in three sizes: 500x500 px, 200x200 px, and 100x100 px. the 500x500 px will be presented in a lightbox when a member earns the badge.  The 200x200 px badge will be listed amongst other badges in the member’s profile under a new “Badges” tab.  The 100x100px badge will be shown on the right side of the challenge details page to inform the member the potential badges to be earned by competing in that challenge.
 
Branding Guidelines
These badges will be displayed on Topcoder member profiles. Plus they will be able to be shared socially. For this challenge, we don’t want to hold you to strict branding guidelines and prefer you to be open to your creativity.
 
Target Audience
These badges will be specifically for Topcoder members including all tracks: copilots, designers, developers, competitive programmers, data scientists, and QA specialists. 

Reference Designs
The following images were taken from another app and are here to point out some of the requirements mentioned above.  We are not looking for replicas of these badges.

Image1
Notice that all these badges are of similar shape and their designs are cohesive.

Image2
Here is a close up of the badge.  Notice how you can insinuate what the name of the badge is just from the image.


Judging Criteria
We are looking for badge designs that members can be proud of. Something that will look amazing on our site. Maybe it can even translate to a pin or decal.

What to Submit
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Submit JPG/PNG for your submission files.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Adobe XD or Sketch. Layers should be named and well organized.

Final Fixes
As part of the finalfixesphase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.

ROUND 1
All badges specified below must be submitted in the milestone round.

ROUND 2
All badges specified below must be submitted in the final round.