Challenge Summary
Challenge Objectives
The Topcoder platform is large and there are many things to do here, so it might be confusing to new member what are the first steps they should take to have a good start.
The scope of this challenge is to create an infographic which will help a newbie in his journey.
- Step by step design on how to become a member
- 1 screen
- Desktop size
Round 1
Submit your initial designs and concepts for checkpoint review in both sizes:- Topcoder How to Become a Member Infographic
Round 2
Submit your final designs for round 2 and checkpoint updates as per feedback in both sizes:- Topcoder How to Become a Member Infographic
Project Background
- The purpose of this project is to create an infographic to show new potential members how to fully onboard
- By looking at the designs, the viewers should get a quickly understanding of what steps they should follow
- The infographic will be placed on our site, but also promoted on social media so we’re looking for an exciting design
- This will also be in our welcome email to members.
Full Description & Project Guide
Every new member that comes to Topcoder site should be able to quickly understand what his/ her steps to take should be to get started. That’s what we’re trying to show with this infographic. There are a couple of steps a person should do:
1.Compete Your Topcoder Profile - Upload a Photograph, Add your Skills, Hardware, and Education Details. This helps us get more work for our community.
2.Create your First Post in the Forums - Post about ‘why you are here’ and we will help you get the right resources and mentorship to get you started.
3.Join the Topcoder Nation Group - Say Hi, Introduce yourself and wait for our members from all around the world to welcome you!
4.Register for your First Challenge - Roll your sleeves up to jump into our world of challenges! Register for your first challenge to understand the whole life-cycle of a Topcoder Competition.
We will use this infographics in 2 ways: one to be placed on site so that’s why we need a design width of 1200px and the other use case is the inclusion on this infographic in the drip emails we send to new members when they first register on Topcoder, which has a width of only 355 px. We would like the information in the infographic to be easy to read in the email without having to click to expand, so plan your design for the small size first! Don’t add any small details or text that are not able to be read in such an email.
Here’s an example on how the drip email would look with such an infographic. Note: the small text is hard to read even here.
Use this drip email design with the placeholder to add your infographic in that place.
Size
- Size 1 - web: Width: 1200px x Height as much as needed
- Size 2 - email: Width: 355px x Height as much as needed
Branding Guidelines
- You can download the TC logo from here
- These banners should follow the new style of topcoder.com and TCO20 look and feel. Note: you don’t need to use blobs, just use the same font families (Barlow Condensed for headlines and Roboto for regular text) and colors.
- Here’s a link to the Topcoder GUI KIT to get an idea of colors and fonts
Judging Criteria
Your submission will be judged based on:
- Creativity of design
- How easy is to understand the steps needed to get started
- Is the text/data easy to read even in the email?
- How exciting is your design looking
- How good it aligns to the brand
Marvel Projects
- For this challenge you should submit your designs in Marvel. You can request one Marvel project in the forums or email at keyla. blue1@gmail.com
Stock Photography
- You can use any photos from TC Flickr Album or any free for commercial use site as allowed in Topcoder Rules (only use photos from Unsplash and Pexels)
- Stock icons are allowed as per Topcoder Policies
Final Deliverables
- Source.zip – All original source files.
- All source files of all graphics created in vector format in either Adobe Illustrator or any similar software should be saved as editable files.
- Submission.zip – PNG/JPG files
- Submit JPG/PNG image files based on the Challenge submission requirements stated above.
- Preview.png – Your preview image
- Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72 dpi and place a screenshot of your submission within it.
- Declarations.txt – All your declarations and notes
- This file must contain your notes if any, fonts used, links to the stock images and icons used and the link to your Marvel projec
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.