Topcoder Swift Program Badges Design Challenge

We’re redesigning the Swift program for Topcoders, this includes brand new badges to brag about well-earned skills. Welcome!

Your help is needed to come up with a beautiful design concept that fully represents the badges we’ll be handling in the Swift program. It’s time to show off some skills.

Round 1

For your R1 deliverables please submit the requested screens design under “Design Requirements” section.
- All mission and all achievement badges at 512px only (8 designs).

Round 2

Final design will contain all the requested screens under “Design Requirements” section plus any updates from client feedback.
- All mission and all achievement badges in all dimensions (24 designs).

Swift program allows community members to learn the Apple Swift language (iOS development), at the same time, they will be able to get certified in it by completing steps and challenges to achieve levels until completing the program.

The goal of this challenge is to design the badges that show this progress of learning and achievements. We need you to add thoughts to the requirements and come up with a concept for the badges that are going to represent them. They should be enticing, playful and fun BUT yet very professional and clean.

Environment and Dimensions
- Badges will be used in the web with scalability. We need vector files (Ai).
- Dimensions. Design each badge at 512 x 512 pixels and 128 x 128 pixels and 48 x 48pixels. Make sure to make adjustments to them to achieve pixel perfection. Notice that if you scale down your largest version then some details or definitions may change.

Branding and Guidelines
- Colors are open to your imagination. However, try to keep a palette of 5 colors top in your design.
- What we want to see: clean, professional, fun, playful, good looking, bold, big, whimsical.
- What we don’t want to see: pronounced gradients, hard glass effects, drop shadows. This means, keep it as flat as possible.

Design Requirements
Overall
- The badges show progress. They are represented in missions and achievements. A mission represents the completion of one goal in the learning process. Achievements are the required steps inside a mission in order to complete it. For instance, Pizza would be a mission, then the ingredients such as pepperoni, mozzarella, sauce, etc, would be the steps.
- In the descriptions below you can clearly see we conceptualized the missions and achievements around a “Racing” theme. You are encouraged to come up with anything you want to theme your own concept.
- Analyze the concept description below, add thoughts to them and come up with designs that represent them.

1) Mission “Get Ready”
Get Ready to become certified. Getting Ready to become the swiftest developer. Consists of the next three steps: registering for the program, completing the auto compilation and peer review challenges.

1.1) Achievement “Step One”
Register for the program and receive the Lacing up your shoes. Badge to get started learning swift.

1.2) Achievement “Getting ready to run the race”
Complete the online education class.

1.3) Achievement “On the starting line”
Completed the auto testing and you are now ready to start the Swiftest certification.

1.4) Achievement “Breaking the finish”
You have passed the peer review challenge and ready for the big race.


2) Mission “Get Certified”
Only the fastest earn their winged feet and swiftest developer badge. Complete this by completing the next two achievements.

2.1) Achievement “Gold Medal”
You are a full fledged swift developer proving you have completed 5 IOS challenges at Topcoder.

2.2) Achievement “Winged Feet”
You are now a specialist, the cream of the crop. You are among the swiftest developers.

Note: You don’t have to use Mission and Achievement as labels. They’re there just for you to know what’s a goal (mission) and what’s a step (achievement).

Reference
- High quality icons tips article
- Inspiration
(DON’T COPY ANYTHING FROM THESE SITES)

Target Audience
- YOU! Current community members and clients.

Judging Criteria
- Originality.
- Design concept.
- Cleanliness of your graphics.
- Quality of design execution.

Submission File
Submit JPG/PNG image files at 72dpi based on challenge submission requirements stated above.

Source Files
All original source files of the submitted design. Files should be created in Adobe Illustrator and saved as layered Ai files.

Preview Image
Create one 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.