TopCoder Labs Storyboard

Welcome to TopCoder Labs Storyboard Contest. For this contest we need your help in designing the look and feel of a NEW TopCoder website - TopCoder Labs website. TopCoder Labs is a new idea that will open up the TopCoder platform for companies (and possibly individuals) to leverage the TopCoder community to build their applications with a minimal up-front investment and to have the TopCoder members who worked on an application SHARE in the value generated by that application.

Round 1

The following pages are required in Round (1):

1. Landing Page
2. Post Project
3. Browse Projects
4. Project Details Page - Project Overview Tab
5. Login Windows Modal
 

Round 2

All Pages are required in Round (2):

1. TC Labs Landing Page
2. Post Project
3. Browse Projects
4. TC Labs Project Details Page - All tabs
5. Profile Page
6. Login Windows Modal 

Project Overview
Using the TopCoder platform and leveraging copilots it's currently possible for any TopCoder client to build pretty much any kind of software they want. TopCoder and the TopCoder community have worked hard to get the platform to its currently level of maturity, but we're far from done. It's time to take the platform to the next level...

The idea behind TopCoder Labs (TC Labs) is to open up the platform to allow companies (and possibly individuals) to leverage the TopCoder platform and community to build their application, and to have the members who worked on the application SHARE in the value generated by that application. For a client, it means the ability to build an application with a minimal up-front investment. For members it means moving beyond simple monetary prizes for their work, and optionally giving up the immediate monetary compensation in return for a potentially bigger upside. After the application is completed, TopCoder will be involved in the application's lifecycle to the degree necessary for tracking generated revenue (or other forms of value created). TopCoder will then pay members who worked on that application proportionally to their contribution. This is analogous to what TopCoder already does with royalties on generic components, but in this case applied to an entire application. TopCoder, in providing the platform and subsequent revenue management, will also take a portion of the revenue sharing.

Requirements
In this contest you need to follow the provided Wireframes and outlined requirements below to design the TC Labs pages.

General Items

Logo

• Design a new logo for TopCoder Labs

Header 

• The header will be the same across all pages in the website
• We like the header design in kickstarter, indieGoGo, show us something similar in concept but more elegant

Footer

• The footer will be the same across all pages in the website
• The footer should be a wide (Columns) footer design

Required Pages

1.  Login Page
   •  You can choose between making the login as a windows modal or in it's separate page
   • It should also show Register link or provide a set of fields to create account as in www.topcoder.com/reg2
   •  You must provide a design failed login and validation error for username/password fields
   •  Also add buttons to login via Facebook, Google, Twitter and Yahoo
2. Landing Page
   • You are free to follow the content layout of the landing page in the provided wireframes, but we have in mind is that we want something catchy that summarize the TC Labs concept for first-time users:
     • Combination of graphics and texts
     • Attached Conceptualization Document, go ahead and take a look to get more understanding about the concept.
     • We have a small graph that is part of the idea generation document of TC Labs idea, may be it will inspire you somehow
   •  The previous point has the priority over the news feeds and FAQs area, you can keep them but we want to the concept area to be prominent.
3. Post Project Page
   • The design should be flexible so that adding/removing a step should not lead into redesigning the page.
   • You must provide additional design for this page for the following cases:
     • Validation Error message for each fields
     • Successful Project Submission (should it be a windows modal?) 
4. Browser Project
   •  The projects list area will have infinite scrolling feature, there are no pagination here, please show in your design how the infinite scrolling loading indicator looks like
   • We want to make the right side filtering area fixed, take this into consideration when designing the page
5. Project Details Page
   • There are multiple stages in the project life-time (Concept, Review, Backing, Development, Live ..etc)
   • There are 6 tabs - Project Overview, Contests, Backers, Blog, FAQ, Comments
   • Provide design for inactive tabs, some tabs may not be active at some phases (for example, Contests tab will not be active in Concept stage)
6. Profile Page
   • There are 2 tabs, Profile and Backed project, we want to add another tab (My Projects) that show the projects that the user is holding, this new tab should be similar in content of Backed Project tab

Branding

• TopCoder Labs logo must be present in all pages
• There are no restriction on the colors
• There are no restriction on the font types

 Target User

• Potential TopCoder Customers
• Current TopCoder Customers
• TopCoder Community Members
• TopCoder Staff

 Judging criteria

• The completeness of your storyboard.
• The quality of your design as well as following the provided guidelines.
• How well you follow wireframes layout Or provides new idea about how the screen must looks.

Submissions & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPB or PNG file in RGB color mode at 72dpi and place a screenshot of your submissions within it.

Submission File
All requested Contest Requirements stated above in PNG files.

Source Files
All requested Contest Requirements stated above in PSD files.

Final Fixes 
As part of the final fixes phase you may be asked to modify your storyboard.