Challenge Summary
Welcome to this F2F Design Challenge. We are in the process of redesigning the Topcoder website to improve the whole experience of the site. One of the new features is profile skills, we’ve been designing unique icons concepts in the past weeks. This time we need more icons, which are existing branding logos we need to rebuild from scratch.
Plus, it’s an opportunity to learn a new design tool, Sketch. It’s not mandatory, however we’re starting to introduce this tool as an option to the regular tools we’ve been using.
The goal of this F2F Design Challenge is to design/rebuild perfect vector copies from scratch of several logos. It’s quite simple, you’re provided with a PNG of the logo that you need to replicate.
DIMENSIONS & FILE ORGANIZATION
- Create each logo at 500dp width minimum to have a large version of each logo.
- All skills icons are displayed at 64dp × 64dp. The edges of icons are at 2dp, making the active zone of the canvas of 60dp. For ease of design, you can scale the grid 4 times to facilitate design. Use icons.ai/icons.sketch attached.
- Provide two files per each logo, one standalone version and one that fits (resized) within the 64dp template.
- Create an independent artboard for each icon.
- Each icon (artboard) should be named using the following rule: id-### where ### is the identification number that represents the icon (below in the design requirements you will see each icon ID). Sample: Apache Camel icon ID is 111, it means this artboard will be named id-111 in illustrator/sketch.
DESIGN REQUIREMENTS
- All icons should be constructed with well executed vector strokes.
- Follow the provided iconsplaceholder.ai/iconsplaceholder.sketch files to place the icons for presentation purposes.
- Create perfect copy replicas of the provided logos.
1) Lightning (artboard name: id-266)
2) Microsoft Silverlight (artboard name: id-278)
3) Om (artboard name: id-291) *extract from website.
4) Bluebird (artboard name: id-312)
5) Spring (artboard name: id-354)
6) Swagger (artboard name: id-363)
7) UML (artboard name: id-372)
8) Vertica (artboard name: id-383)
9) XCode (artboard name: id-400)
10) Zepto.js (artboard name: id-404)
11) Zipkin (artboard name: id-405)
DESIGN F2F CHALLENGE RULES
- This challenge is subjective. The first solution that the client likes and fulfills the requirements will win.
- We will consider all submissions until the deadline is over or a winner is declared prior to the deadline completion.
- Submissions may receive feedback before the challenge ends. The forum will be the meeting place to discuss feedback. Make sure to watch this challenge forum.
SUBMISSION FILES
All requested challenge requirements/screens as JPG or PNG files at 72dpi.
SOURCE FILES
All original source files of the submitted design. Files should be created in Adobe Illustrator or Sketch and saved as layered files respectively. Use separate artboard for each icon, at 100% (64x64 dpi artboard); name the artboard with the appropriate name.
PREVIEW IMAGE
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
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.