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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to “TopCoder University – Responsive Storyboard Design Contest”. This contest is the continuation process to Re-design TopCoder University look and feel in attempt to make it more user friendly and eye catching for TopCoder Customer.  The first contest to redesign the homepage is finished and can be seen here.  In this contest, we need your help to re-design several pages from TopCoder University (TCU) to  have the same styling with the new homepage.

Register now and read all requirements from contest details below.

Round 1

Requirements 1 to 3 as stated in contest details

Round 2

All contest requirements as stated in contest details with client feedback applied.


 

We’ve successfuly replace the look and feel for TopCoder University homepage (screenshot provides in contest attachment). In this contest, we need your help to create new design for several pages from TopCoder University to have same styling with our new homepage. Please see the screen requirements below.

Screen Requirements

There are 4 screens that needs to be re-design in this contest, here they are :

1.    Setting Up your First Project
Page Link : http://www.topcoder.com/university/setup-first-project/
- Please remove the sidebar to become top navigation like shown in the latest homepage design (latest_homepage_design.zip).
- Under main content area, the bottom area should be able to handle not just the 3 boxes (watch the videos, search our FAQ's and Need more help), it should be able to handle others design like video section or big image placeholder section. show us the variation.

2.    Platform Announcements Page
Page Link : http://www.topcoder.com/university/platform-updates/
- Please remove the sidebar to become top navigation like shown in the latest homepage design (latest_homepage_design.zip).
- This is an archive page, pay attention to every elements in this page, sidebar, post list, etc. Make sure your design cover all the design elements in this page (including social media share button).

3.    Help Center Page
Page Link : http://www.topcoder.com/university/help-center/- Please remove the sidebar to become top navigation like shown in the latest homepage design (latest_homepage_design.zip).

4.    Single Page
Page Link : http://www.topcoder.com/university/platform-updates/cockpit-task-management-part-2/
- Please remove the sidebar to become top navigation like shown in the latest homepage design (latest_homepage_design.zip).

Branding and Design Guidelines :

-    We want to keep the same sharp and shiny look of the current TopCoder website and our new homepage. Let’s stick with that style.
-    Use the same font we’re using in the homepage for the sub pages.
-    Show hover effects for all buttons and UI elements that you create (buttons, hyperlinks, etc).
-    All design elements (button, text, pagination, etc) from the previous TCU screen must be appear in the new design.
-    We want the TCU site to be responsive, so create all page requirements in 4 screensize :
o    Mobile     : 320px
o    Tablet    : 768px
o    Netbook    : 1024px
o    PC        : 1600px

If you are not familiar with “responsive" web design, do your research about it and you can learn from these links :
- Wiki information : http://en.wikipedia.org/wiki/Responsive_Web_Design
- Working Example : http://www.thismanslife.co.uk/projects/lab/responsiveillustration/, http://twitter.github.com/bootstrap/, http://foundation.zurb.com/index.php (try resize your browser screen)
- Great Gallery Examples : http://mediaqueri.es/

Target Audience
TopCoder Customer.

Judging Criteria
- Creativity.
- Quality of design.
- User Experience.

Submission and Source Files
Submission File
All requested contest 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 Photoshop and saved as layered PSD files.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

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:

2014 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

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30035470